# 색상 이름 찾기

색상 값에 가장 가까운 이름이 지정된 CSS 색상을 찾습니다. CSS 형식으로 최대 100개의 색상을 붙여 넣으면 각 색상에 대해 148 CSS개 색상 중 CIEDE2000 색차에 따라 가장 가까운 색상을 순위별로 확인할 수 있습니다. 이름, 16진수 코드, Delta E 값과 일치도도 표시됩니다. 색상마다 최대 10개의 일치 항목을 확인할 수 있습니다. 디자인 토큰의 이름을 정하거나, 문서에서 색상을 설명하거나, 빠른 검색어를 찾을 때 유용합니다.

## 자주 묻는 질문

### 어떤 색상 이름을 검색하나요?

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 열에 매핑된 값이 표시되며, 이 값과 이름이 지정된 색상을 비교합니다.

### HEX 코드 대신 이름을 사용할 수 있나요?

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

### 더 큰 목록 대신 CSS개 이름만 제공하는 이유는 무엇인가요?

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

### Delta E가 더 높은 일치 항목이 왜 더 가까워 보일 수 있나요?

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

여기에 광고를 게재하시겠어요?

[이메일 보내기](mailto:hi@dennn.is?subject=OneClick%20Pro%20%EA%B4%91%EA%B3%A0%20%EB%AC%B8%EC%9D%98)

[광고 WordPress을 위한 에이전트 지원 플러그인 모음입니다.](https://sleekwp.com/?ref=oneclickpro)