HTML 색상 코드·색상 이름

CSS에는 aliceblue부터 yellowgreen까지 148개의 색상 이름이 정의되어 있어, HTML·CSS·SVG에서 색을 쓰는 곳이면 어디든 그대로 쓸 수 있습니다. 이 페이지는 모든 이름의 HEX, RGB, HSL 코드를 색 계열별로 보여 주고, 임의의 코드도 살펴볼 수 있습니다. 이름을 입력하면 값을 알려 주고, HEX나 rgb() 코드를 입력하면 이름이 있는지, 없다면 가장 가까운 이름이 무엇인지 알려 줍니다.

사용 방법

1. 살펴볼 색에 색상 이름이나 코드를 입력합니다(비워 두어도 됩니다).
2. 색 계열을 고르거나 "이름 148개 전체"를 그대로 둡니다.
3. 필터로 목록을 줄입니다. 이름의 일부("sea")나 HEX 코드의 일부("ff")를 입력하면 됩니다.
4. 계열, 이름, 색조, 밝기 순으로 정렬한 뒤 표에서 코드를 복사하거나 색상 견본표를 내려받습니다.

계산식

가장 가까운 이름 = 살펴본 색과의 CIEDE2000 차이 ΔE₀₀가 가장 작은 색상 이름입니다. 두 색은 CSS Color 4와 같이 sRGB에서 CIELAB(D50)으로 변환해 비교합니다.

ΔE₀₀가 약 1 미만이면 눈으로 구별하기 어렵고, 2–3이면 작지만 보이는 차이입니다. gray/grey 표기는 쌍둥이 이름과 값이 같아 검색에서 제외합니다.

예시

tomato를 입력하면 #FF6347, rgb(255, 99, 71), hsl(9.1, 100%, 63.9%)가 나옵니다. 주황 계열이며, 그 위에서는 검은 글자가 7.12:1, 흰 글자는 2.94:1에 그칩니다. #FF6348(파란 쪽으로 한 단계)을 입력하면 "tomato #FF6347 — 가장 가까운 색, ΔE2000 0.24"가 나옵니다.