코드, 데이터 및 QR 도구

색상 이름 찾기

색상을 입력해 고정된 CSS 색상 이름 표와 비교하세요. 채널 거리순으로 표시하고 거리가 같으면 표의 순서를 유지합니다.

브라우저에서 로컬 처리가입 불필요개인정보 안내 ↗

결과

사용 방법

사용 방법

  1. 3자리 또는 6자리 HEX, RGB 또는 RGBA 색상을 입력합니다.
  2. 표시할 가장 가까운 이름을 1~10개 중 선택합니다.
  3. 색상 견본과 RGB 채널 거리를 확인합니다.

정의된 비교 공간

고정된 148개 CSS 색상 이름을 8비트 sRGB 빨강·초록·파랑 채널 사이의 유클리드 거리로 순위화합니다. 이 단순한 RGB 거리는 사람의 지각을 모델링하지 않습니다. 거리가 같으면 표 순서를 유지합니다.

입력 가능한 색상과 결과

3자리 또는 6자리 HEX, RGB, RGBA 텍스트를 입력할 수 있으며 alpha는 RGB 비교에 영향을 주지 않습니다. CSS 표에는 aqua/cyan, gray/grey 같은 별칭도 있어 가장 가까운 이름은 참고 정보입니다.

접근성 참고 사항

색상 이름이나 거리는 대비, 가독성 또는 접근성을 보장하지 않습니다. 실제 전경색, 배경색, 글자 크기와 굵기, 인터페이스 상황을 별도로 평가하세요.

자주 묻는 질문

더 알아보기

가장 가까운 이름이 색상을 바꾸나요?

아니요. 이름은 참고용이며 입력 색상은 그대로 유지됩니다.

왜 여러 이름이 비슷할 수 있나요?

CSS에는 색상 별칭이 있고 RGB 채널 거리가 비슷하거나 같은 색도 있습니다.

RGB 거리는 지각을 반영하나요?

아니요. 재현 가능한 채널 거리이며 지각 색차 모델이 아닙니다.