색상 이름 찾기
색을 고르면 가장 가까운 한국어 색 이름을 바로 알려드려요.
설명
선택한 색과 가장 가까운 한국어 색 이름을 찾아줍니다. 색상 코드의 대략적인 이름이 궁금할 때 활용하세요.
관련 도구
디자이너에게 '이 색이 어떤 색이에요?'라는 질문에 '#4A90D9'라고만 답하면 소통이 어렵습니다. 색상 이름 찾기 도구는 색상 피커로 색을 고르면 대표적인 한국어 색 이름 중에서 가장 가까운 이름을 바로 찾아줍니다. 디자인 시안 설명, 색채 가이드 문서, 팀원과의 커뮤니케이션에서 색을 직관적으로 표현해야 할 때 유용합니다.
사용 방법
색상 피커(색칩)를 눌러 원하는 색을 직접 고릅니다. 색을 고르는 즉시 그 색과 가장 가까운 한국어 색 이름과 선택한 색의 HEX 값이 함께 표시됩니다. 선택한 색과 매칭된 이름의 대표 색은 다소 다를 수 있으니, 표시된 색 이름은 참고용으로 활용하세요. HEX 값은 눌러서 복사하거나 'HEX 복사' 버튼으로 바로 가져올 수 있습니다.
이럴 때 유용해요
디자인 가이드라인 문서나 스타일 가이드에서 색상을 HEX 코드만으로 명시하면 읽기가 불편합니다. 이름과 함께 병기하면 (예: 스틸 블루 / #4682B4) 가독성이 높아집니다. 또한 클라이언트 프레젠테이션 때 "이 버튼은 코발트 블루 계열입니다"처럼 색 이름으로 설명하면 비디자이너와의 소통이 훨씬 원활해집니다. 색채심리나 마케팅 문서에서 색의 인상을 설명할 때 색 이름을 연결하는 근거로도 활용할 수 있습니다.
알아두면 좋은 점
색 이름 매핑은 완전히 정확하지 않습니다. 이 도구는 검정·흰색·빨강·주황·노랑·초록·파랑·보라 등 널리 통용되는 대표 한국어 색 이름을 기준으로, 선택한 색과 가장 가까운 이름 하나를 골라 줍니다. 미묘한 색 차이가 이름을 크게 바꾸기도 하므로 색 이름은 참고용으로만 사용하고, 정확한 색 전달에는 HEX 또는 RGB 코드를 함께 쓰는 것이 원칙입니다. 더 세분화된 표준 색 이름(CSS Named Colors, Pantone 등)이 필요하면 전용 도구를 함께 활용하세요.
자주 묻는 질문
완전히 똑같은 이름의 색이 없으면 어떻게 되나요?
표시되는 색 이름은 어떤 목록을 기준으로 하나요?
표시되는 색 이름은 한국어인가요?
HEX 코드를 직접 입력하거나 RGB로 찾을 수 있나요?
Pantone 이름으로도 찾아주나요?
개인정보처리방침
모든 처리는 브라우저 내부에서만 수행되며 입력값·파일은 서버로 전송·저장되지 않습니다. 광고: Google AdSense(쿠키 사용 가능, 설정). 문의 kjh920424@gmail.com
색상 이름 찾기는 어떻게 쓰나요
디자인 파일이나 CSS에서 #3B7A57 같은 HEX 코드만 덩그러니 있으면 그게 무슨 색인지 감이 안 옵니다. 이 도구는 색상 피커에서 색을 고르면 그 색에 가장 가까운 대표 한국어 색 이름을 즉시 찾아 줍니다. 예를 들어 초록빛이 도는 색을 고르면 "초록", 주황빛 색을 고르면 "주황"·"코랄"처럼 가까운 이름을 알려 주는 식입니다. 궁금한 HEX 값이 있다면 피커에서 그 색을 선택하면 되고, 선택한 색의 HEX 값은 결과에서 바로 확인·복사할 수 있습니다.
가장 가까운 이름을 찾는 원리
이름이 붙은 색은 정해진 목록이 있습니다(웹 표준 CSS 색상 약 140여 개, 또는 더 큰 팬톤·크레용 계열 목록). 도구는 입력한 색과 목록 속 모든 색 사이의 "거리"를 계산해서 가장 가까운 하나를 고릅니다. 가장 단순한 방식은 R·G·B 세 값을 좌표로 보고 유클리드 거리(√((ΔR)²+(ΔG)²+(ΔB)²))를 재는 것인데, 이 방식은 사람 눈이 느끼는 차이와 어긋날 때가 있습니다. 더 정밀한 도구는 색을 CIELAB 공간으로 변환한 뒤 Delta E(ΔE) 값으로 비교하기도 합니다. ΔE는 두 색의 지각적 차이를 나타내며, 값이 작을수록 눈에 더 비슷하게 보입니다. 이 도구는 가볍게 RGB 유클리드 거리로 계산해, "정확히 일치"가 아니라 대표 색 이름 중 "가장 가까운 이름"을 보여 줍니다.
이럴 때 유용합니다
| 상황 | 활용 |
|---|---|
| 디자인 시안 리뷰 | HEX만 적힌 색을 말로 설명("이 민트색")할 때 이름 확보 |
| 브랜드 컬러 문서화 | 스타일 가이드에 HEX와 색 이름을 함께 기재 |
| 개발 협업 | 변수명을 green500이 아니라 의미 있는 이름으로 짓기 |
| 접근성·소통 | 색약 사용자나 텍스트 기반 대화에서 색을 이름으로 전달 |
더 잘 쓰는 팁
결과 스와치(선택한 색)와 표시된 색 이름을 눈으로 비교해 보세요. 대표 색 이름은 24가지로 제한돼 있어, 선택한 색이 어떤 이름과도 거리가 멀면 "그나마 가장 가까운" 이름이 나옵니다. 즉 표시된 이름은 정확한 명칭이 아니라 대략적인 계열을 가리키는 참고값입니다. 정확한 색 전달이 필요하면 결과의 HEX 값을 복사해 함께 공유하세요.
자주 묻는 질문
왜 같은 색인데 도구마다 이름이 다르게 나오나요?
참조하는 색 이름 목록이 다르기 때문입니다. CSS 표준 140여 색만 쓰는지, 팬톤·크레욜라 등 수백 개 목록을 쓰는지에 따라 "가장 가까운 이름"이 달라집니다. 목록이 촘촘할수록 더 세분화된 이름이 나옵니다.
이름이 정확히 그 색이라는 뜻인가요?
아닙니다. 대표 색 이름들 중 가장 가까운 것을 고른 결과입니다. 선택한 색과 이름의 대표 색이 눈에 띄게 다를 수 있으니 참고용으로 보세요.
색상 선택기로 색을 어떻게 고르나요?
카드의 색칩(색상 피커)을 누르면 브라우저 색상 선택기가 열립니다. 원하는 색을 고르면 곧바로 가장 가까운 한국어 색 이름과 HEX 값이 계산돼 표시됩니다.
투명도(알파)도 이름에 반영되나요?
색 이름은 불투명한 색을 기준으로 하며, 색상 피커도 알파 없는 6자리 색(#RRGGBB)을 다룹니다. 투명도는 색 이름 판별에 영향을 주지 않습니다.