색상 이름 찾기

148개의 CSS Color 4 명명 색상은 aliceblue부터 yellowgreen까지이며 rebeccapurple도 포함합니다. aqua와 cyan, fuchsia와 magenta, gray와 grey처럼 같은 값을 공유하는 이름은 한 행에 함께 표시되므로 고유 색상은 139개입니다. transparent와 시스템 색상은 포함되지 않습니다.

culori 라이브러리를 사용해 CIELAB에서 계산한 CIEDE2000 색상 차이 Delta E 2000를 기준으로 합니다. 이는 평균적인 관찰자가 두 색을 얼마나 다르게 보는지 측정하는 업계 표준입니다. 값이 작을수록 더 가까운 색입니다.

정확함은 이름이 지정된 색상과 HEX 코드가 같다는 뜻입니다. 매우 가까움은 Delta E가 2 미만으로 구분하기 어려운 경우, 유사함은 5 미만으로 나란히 놓으면 차이가 보이는 경우입니다. 멂은 5 이상으로, 이름이 일반적인 색상 계열만 설명하는 경우입니다.

색상당 1개에서 10개까지 받을 수 있으며, 기본값은 3개입니다. 가장 가까운 항목부터 먼 순서로 정렬됩니다. 가장 가까운 이름의 명도는 맞지만 색조가 다르거나 그 반대인 경우, 일치 항목이 많으면 도움이 됩니다.

한 줄에 색상 하나를 입력하거나 쉼표 또는 세미콜론으로 구분해 여러 색상을 한 줄에 입력하세요. rgb() 또는 hsl() 안의 쉼표는 구분자로 처리되지 않습니다. #이 있거나 없는 HEX 코드, CSS 색상 이름, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() 및 cmyk()을 지원하며, 한 번에 최대 100개의 색상을 처리할 수 있습니다.

이름이 지정된 색상은 불투명하므로 알파값은 무시되고 완전히 불투명한 색상으로 비교됩니다. HEX 열에는 비교에 사용된 6자리 코드가 표시됩니다.

선명한 Display P3 또는 OKLCH 값처럼 sRGB 범위를 벗어나는 색상은 먼저 CSS Color 4 알고리즘을 사용해 sRGB로 매핑됩니다. CSS 명명 색상은 모두 sRGB 색상이기 때문입니다. 그런 다음 HEX 열에 매핑된 값이 표시되며, 이 값과 이름이 지정된 색상을 비교합니다.

일치 항목이 정확할 때만 가능합니다. 그렇지 않으면 이름이 지정된 색상이 다르게 보입니다. 가까운 이름은 디자인 토큰이나 문서에서 사람이 읽기 쉬운 유용한 힌트가 될 수 있습니다. 예를 들어 steelblue에 가까운 파란색을 설명할 때 사용할 수 있습니다.

CSS개 이름은 모든 브라우저에서 인식되며 스타일시트에 바로 입력할 수 있는 이름입니다. 더 큰 이름 목록은 공급업체마다 다르고 사용 허가가 필요한 경우가 많지만, 이 148개 이름은 CSS 표준에 정의되어 있습니다.

Delta E 2000는 표준 관찰 조건에서 평균적인 관찰자를 모델링합니다. 디스플레이와 보정 상태, 주변 색상, 개인별 색각에 따라 가장 가까워 보이는 색상이 달라질 수 있으므로, 순위는 절대적인 기준이 아니라 유용한 참고 자료로 활용하세요.