색상 이름 찾기

색상 이름 찾기란?

색상 이름 찾기는 HEX, RGB, HSL 색상 코드를 입력하면 가장 가까운 색상 이름을 알려주는 도구입니다. 웹 표준 CSS 색상 140개부터 확장 색상 데이터베이스 1,500개 이상의 색상 중에서 입력한 색상과 가장 유사한 이름을 찾아줍니다.

디자인 작업 중 특정 색상의 이름이 궁금하거나, 색상 코드만 알고 있을 때 해당 색상을 표현하는 적절한 이름을 찾을 수 있습니다. 한국어와 영어 색상 이름을 모두 제공하며, 유사한 색상 5개도 함께 추천해드립니다.

이런 상황에서 사용하세요

• 디자인 작업 – 브랜드 색상의 정확한 이름을 알고 싶을 때 색상 코드로 검색
• 색상 소통 – 클라이언트나 동료에게 색상을 설명할 때 정확한 이름으로 전달
• CSS 작성 – HEX 코드 대신 의미 있는 CSS 색상 이름을 사용하고 싶을 때
• 색상 학습 – 다양한 색상의 정식 명칭과 영어 이름을 익히고 싶을 때
• 유사 색상 탐색 – 특정 색상과 비슷한 대안 색상을 찾고 싶을 때
• 색상 팔레트 구성 – 같은 계열의 색상 이름들을 참고하여 팔레트 만들기

주요 기능

• 다중 입력 형식 – HEX, RGB, HSL 세 가지 형식으로 색상을 입력할 수 있어 편리합니다. 색상 피커로 직접 선택도 가능합니다.
• 색상 데이터베이스 선택 – 기본 CSS 색상(140개)과 확장 색상(1,500+개) 중에서 선택하여 더 정확하거나 다양한 색상 이름을 찾을 수 있습니다.
• 유사도 표시 – 입력한 색상과 찾은 색상이 얼마나 일치하는지 퍼센트로 보여줍니다. 정확히 일치하면 “정확히 일치”로 표시됩니다.
• 유사 색상 추천 – 가장 가까운 색상 외에 5개의 유사한 색상을 함께 보여주어 대안을 쉽게 찾을 수 있습니다.
• 한국어/영어 이름 – 모든 색상에 한국어와 영어 이름을 제공하여 글로벌 소통에 도움이 됩니다.
• 원클릭 복사 – 색상 코드(HEX, RGB, HSL)를 클릭하면 바로 클립보드에 복사됩니다.
• 검색 기록 저장 – 최근 검색한 색상 20개를 자동으로 저장하여 이전에 찾았던 색상을 빠르게 재확인할 수 있습니다.

사용 방법

1. 색상 입력 – 색상 피커를 클릭하여 직접 선택하거나, HEX/RGB/HSL 입력란에 알고 있는 색상 코드를 입력합니다.
2. 데이터베이스 선택 – 기본 CSS 색상(140개)과 확장 색상(1,500+개) 중에서 원하는 데이터베이스를 선택합니다. 확장 색상은 더 다양한 이름을 제공합니다.
3. 결과 확인 – 가장 가까운 색상의 한국어/영어 이름과 색상 코드를 확인합니다. 유사도도 함께 표시됩니다.
4. 유사 색상 탐색 – 아래에 표시된 유사한 색상 5개를 클릭하면 해당 색상으로 전환됩니다.
5. 코드 복사 – 필요한 색상 코드(HEX, RGB, HSL)를 클릭하면 클립보드에 복사됩니다.

색상 데이터베이스 안내

기본 CSS 색상 (140개)

W3C 웹 표준에 정의된 CSS 명명 색상입니다. 모든 웹 브라우저에서 이름으로 직접 사용할 수 있으며, red, blue, gold처럼 CSS에서 색상 이름으로 바로 적용 가능합니다.

확장 색상 (1,500+개)

CSS 기본 색상 외에 다양한 출처에서 수집한 색상 이름입니다. 음식, 자연, 보석, 금속, 파스텔, 네온 등 다양한 카테고리의 색상 이름을 포함합니다. 더 구체적이고 감성적인 색상 이름을 찾을 때 유용합니다.

색상 거리 계산

입력한 색상과 데이터베이스 색상 사이의 유사도는 CIE76 Delta E 공식을 기반으로 계산됩니다. 이 방식은 인간의 시각 인지와 유사하게 색상 차이를 측정하여 더 정확한 결과를 제공합니다.

자주 묻는 질문