색상 이름
무료 온라인 서비스 색상 이름 설치가 필요 없는 도구
색상 이름 도구 정보
이 도구는 직선(유클리드) RGB 거리를 사용하여 임의의 hex 또는 RGB 입력에 가장 가까운 명명된 CSS 색상을 찾고, 백분율 유사도 점수와 함께 상위 3개 일치 항목을 반환합니다. 또한 검색 및 확장 가능한 명명된 CSS 색상 전체 목록 브라우저(약 140개 항목)를 포함하며 클릭하여 불러올 수 있습니다.
사용 방법
1. 입력란에 hex 값을 입력하거나 R/G/B 숫자 필드(0-255, 값이 고정됨)를 조정하며, 이들은 hex를 자동으로 업데이트합니다. 2. 가장 가까운 일치 카드에 견본, hex, RGB, 일치 백분율과 함께 상위 3개의 명명된 색상이 표시됩니다. 3. 모두 탐색을 확장하여 이름이나 hex로 전체 목록을 검색합니다. 4. 탐색 그리드의 견본을 클릭하여 현재 색상으로 불러오고, 복사 아이콘을 클릭하여 hex 값을 복사합니다.
일치 알고리즘과 탐색
RGB 공간에서 거리는 `sqrt((r2-r1)^2 + (g2-g1)^2 + (b2-b1)^2)`이며 결과는 오름차순으로 정렬되어 상위 3개가 반환됩니다. 일치 백분율은 `(1 - distance / sqrt(3*255^2)) * 100`입니다. 탐색 목록에는 표준 CSS3 명명된 색상(Alice Blue부터 Yellow Green까지)이 포함되며, 이름이나 hex 부분 문자열에 대해 대소문자를 구분하지 않고 필터링합니다. 색상을 선택하면 맨 위로 스크롤됩니다.
▶일치 백분율은 어떻게 계산되나요?
`1 - distance / maxDistance`이며, 여기서 distance는 유클리드 RGB 거리이고 maxDistance는 `sqrt(255^2 * 3)`입니다. 완벽한 일치는 100%가 됩니다.
▶3자리 축약 hex 값을 지원하나요?
아니요. 파서는 선행 `#` 유무와 관계없이 6자리 hex만 허용합니다. `#fff` 같은 3자리 축약형은 구문 분석되지 않으며 입력도 업데이트되지 않습니다.
▶탐색 목록에는 명명된 색상이 몇 개 있나요?
CSS3 명명된 색상 사양에서 비롯된 약 140개 항목으로, Alice Blue에서 Yellow Green까지 기본 16색과 확장 이름을 포함합니다.
▶R/G/B 필드와 hex가 때때로 일치하지 않는 이유는?
이들은 동기화됩니다: hex를 편집하면 R/G/B가, 채널을 편집하면 hex가 업데이트됩니다. 다만 각 필드가 다른 필드의 현재 상태를 사용하므로 매우 빠른 편집 시 잠시 오래된 값이 표시될 수 있습니다.
이 도구가 당신에게 도움이 되었다면, 저에게 커피 한 잔 사주세요.
제게 커피 한 잔 사주세요.