색상 이름 찾기

#RGB, #RGBA, #RRGGBB, #RRGGBBAA, 정수 rgb()/rgba(), 백분율 hsl()/hsla()를 지원합니다.

HEX, RGB 또는 HSL 색상을 입력해 가장 가까운 표준 CSS 색상 이름을 찾으세요. 정규화된 HEX, RGB, HSL, CIELAB 값과 CIEDE2000 색차도 표시합니다. 모든 계산은 브라우저에서 이루어집니다. 단계 모드에서는 입력한 색상이 페이지 URL에 포함되어 페이지 요청과 함께 서버로 전송되지만, 색상 이름을 찾는 계산은 계속 브라우저에서만 실행됩니다.

CSS 색상 이름 찾는 방법

  1. 1

    색상 입력

    텍스트 입력란이나 색상 선택기를 사용합니다. 엄격한 HEX, 정수 RGB, 백분율 HSL 형식을 지원합니다.

  2. 2

    검증 및 변환

    값을 검증하고 D65 백색점의 sRGB, HSL, CIELAB으로 변환합니다.

  3. 3

    CSS 이름 비교

    불투명 RGB 색상을 CIEDE2000으로 모든 표준 CSS 이름 색상과 비교합니다.

  4. 4

    확인 또는 복사

    두 색상 견본과 값을 확인하고 결과를 복사합니다.

결과의 의미

CSS에는 tomato, cornflowerblue, rebeccapurple 같은 고정된 색상 이름 목록이 있습니다. 입력 색상이 정확히 일치하지 않으면 가장 가까운 이름과 그 이름의 표준 HEX 값을 보여 줍니다. aquacyan처럼 같은 RGB를 나타내는 별칭은 함께 표시합니다.

sRGB를 D65 백색점의 CIELAB으로 변환한 뒤 CIEDE2000을 적용합니다. 0은 RGB가 정확히 같다는 뜻입니다. 짧고 긴 HEX, 정수 rgb()/rgba(), 백분율 hsl()/hsla()를 지원합니다.

알파는 8자리 HEX에 유지되지만 이름 계산에서는 제외됩니다. Pantone, 페인트, 크레용, 커뮤니티 사전을 검색하거나 이미지에서 색을 추출하지 않습니다. 접근성에는 별도로 WCAG 대비를 확인하세요.

자주 묻는 질문

CIEDE2000 색차가 0일 때만 정확히 일치합니다. 그 외에는 가장 가까운 표준 CSS 색상 이름입니다.

CSS에는 aqua와 cyan처럼 RGB 값이 같은 별칭이 있습니다. 동률 이름은 함께 표시합니다.

아니요. 알파는 정규화 HEX에 유지되지만 비교에서는 제외됩니다.

아니요. 대비 검사기로 글자색과 배경색을 WCAG 기준에 맞춰 확인하세요.

관련 도구