색상표 · 색 코드 (HEX·RGB·HSL)

CSS 색 이름 139가지의 HEX·RGB·HSL 코드를 찾아 복사하고, 글자색과 배경색으로 직접 맞춰 명암비를 확인합니다.

글자색과 배경색 맞춰 보기

가나다 ABC 123

큰 글자 24px

명암비 12.63:1

복사하면 colorbackground 두 줄로 나옵니다 — 어느 쪽이 글자이고 어느 쪽이 배경인지 붙은 채로 옮겨집니다.

불투명한 두 색만 잽니다. 투명도가 섞였거나 배경이 이미지면 이 도구로는 판정하지 않습니다.

여기서 보는 것은 고른 두 색의 대비 하나입니다. 화면 전체의 접근성을 보증하지 않습니다.

색 이름표

CSS가 이름으로 알아듣는 색 139가지입니다. 같은 색을 가리키는 다른 이름 9쌍은 한 줄에 함께 적었습니다(이름은 모두 148개).

한국어 이름은 표준이 아니라 색을 설명하려고 우리가 붙인 말입니다. 옮겨 쓸 표준 이름은 영어 쪽입니다.

범위

139가지

aliceblue 아주 연한 하늘색
다른 형식과 역할
antiquewhite 연한 회황갈색
다른 형식과 역할
aqua · cyan 선명한 청록
다른 형식과 역할
aquamarine 밝은 연청록
다른 형식과 역할
azure 청록빛 흰색
다른 형식과 역할
beige 아주 연한 회노랑
다른 형식과 역할
bisque 아주 연한 주황
다른 형식과 역할
black 검정
다른 형식과 역할
blanchedalmond 아주 연한 노란 주황
다른 형식과 역할
blue 파랑
다른 형식과 역할
blueviolet 선명한 푸른 보라
다른 형식과 역할
brown 붉은 갈색
다른 형식과 역할
burlywood 연한 황갈색
다른 형식과 역할
cadetblue 탁한 청록
다른 형식과 역할
chartreuse 밝은 연두
다른 형식과 역할
chocolate 주황빛 갈색
다른 형식과 역할
coral 밝은 붉은 주황
다른 형식과 역할
cornflowerblue 연한 파랑
다른 형식과 역할
cornsilk 아주 연한 노란 베이지
다른 형식과 역할
crimson 진한 빨강
다른 형식과 역할
darkblue 짙은 파랑
다른 형식과 역할
darkcyan 짙은 청록
다른 형식과 역할
darkgoldenrod 짙은 황갈색
다른 형식과 역할
darkgray · darkgrey 연한 회색
다른 형식과 역할
darkgreen 아주 짙은 초록
다른 형식과 역할
darkkhaki 탁한 노랑
다른 형식과 역할
darkmagenta 짙은 붉은 보라
다른 형식과 역할
darkolivegreen 짙은 회연두
다른 형식과 역할
darkorange 진한 주황
다른 형식과 역할
darkorchid 진한 보라
다른 형식과 역할
darkred 짙은 빨강
다른 형식과 역할
darksalmon 탁한 연주황
다른 형식과 역할
darkseagreen 연한 회초록
다른 형식과 역할
darkslateblue 짙은 회남색
다른 형식과 역할
darkslategray · darkslategrey 짙은 청록빛 회색
다른 형식과 역할
darkturquoise 진한 청록
다른 형식과 역할
darkviolet 선명한 보라
다른 형식과 역할
deeppink 선명한 진분홍
다른 형식과 역할
deepskyblue 선명한 하늘색
다른 형식과 역할
dimgray · dimgrey 짙은 회색
다른 형식과 역할
dodgerblue 밝은 파랑
다른 형식과 역할
firebrick 탁한 진빨강
다른 형식과 역할
floralwhite 노란 베이지빛 흰색
다른 형식과 역할
forestgreen 탁한 초록
다른 형식과 역할
fuchsia · magenta 선명한 자주
다른 형식과 역할
gainsboro 아주 연한 회색
다른 형식과 역할
ghostwhite 보랏빛 흰색
다른 형식과 역할
gold 진한 노랑
다른 형식과 역할
goldenrod 밝은 황갈색
다른 형식과 역할
gray · grey 회색
다른 형식과 역할
green 짙은 초록
다른 형식과 역할
greenyellow 밝은 노란 연두
다른 형식과 역할
honeydew 초록빛 흰색
다른 형식과 역할
hotpink 진분홍
다른 형식과 역할
indianred 탁한 빨강
다른 형식과 역할
indigo 아주 짙은 푸른 보라
다른 형식과 역할
ivory 노란빛 흰색
다른 형식과 역할
khaki 연한 노랑
다른 형식과 역할
lavender 아주 연한 회보라
다른 형식과 역할
lavenderblush 분홍빛 흰색
다른 형식과 역할
lawngreen 선명한 연두
다른 형식과 역할
lemonchiffon 아주 연한 노랑
다른 형식과 역할
lightblue 연한 회하늘색
다른 형식과 역할
lightcoral 연한 빨강
다른 형식과 역할
lightcyan 아주 연한 청록
다른 형식과 역할
lightgoldenrodyellow 아주 연한 노란 연두
다른 형식과 역할
lightgray · lightgrey 밝은 회색
다른 형식과 역할
lightgreen 연한 초록
다른 형식과 역할
lightpink 밝은 분홍
다른 형식과 역할
lightsalmon 연한 붉은 주황
다른 형식과 역할
lightseagreen 초록빛 청록
다른 형식과 역할
lightskyblue 밝은 하늘색
다른 형식과 역할
lightslategray · lightslategrey 밝은 푸른 회색
다른 형식과 역할
lightsteelblue 연한 회파랑
다른 형식과 역할
lightyellow 흰빛 연노랑
다른 형식과 역할
lime 선명한 초록
다른 형식과 역할
limegreen 진한 초록
다른 형식과 역할
linen 아주 연한 베이지
다른 형식과 역할
maroon 아주 짙은 빨강
다른 형식과 역할
mediumaquamarine 탁한 연청록
다른 형식과 역할
mediumblue 진한 파랑
다른 형식과 역할
mediumorchid 붉은 보라
다른 형식과 역할
mediumpurple 연한 푸른 보라
다른 형식과 역할
mediumseagreen 탁한 푸른 초록
다른 형식과 역할
mediumslateblue 밝은 푸른 보라
다른 형식과 역할
mediumspringgreen 선명한 푸른 초록
다른 형식과 역할
mediumturquoise 밝은 청록
다른 형식과 역할
mediumvioletred 진한 자주
다른 형식과 역할
midnightblue 탁한 짙은 남색
다른 형식과 역할
mintcream 연청록빛 흰색
다른 형식과 역할
mistyrose 아주 연한 붉은 분홍
다른 형식과 역할
moccasin 연한 노란 주황
다른 형식과 역할
navajowhite 밝은 연주황
다른 형식과 역할
navy 아주 짙은 파랑
다른 형식과 역할
oldlace 밝은 연베이지
다른 형식과 역할
olive 어두운 노란 연두
다른 형식과 역할
olivedrab 탁한 연두
다른 형식과 역할
orange 주황
다른 형식과 역할
orangered 진한 붉은 주황
다른 형식과 역할
orchid 탁한 붉은 보라
다른 형식과 역할
palegoldenrod 연한 회노랑
다른 형식과 역할
palegreen 밝은 연초록
다른 형식과 역할
paleturquoise 연한 청록
다른 형식과 역할
palevioletred 탁한 진분홍
다른 형식과 역할
papayawhip 연한 노란 베이지
다른 형식과 역할
peachpuff 연한 주황
다른 형식과 역할
peru 황갈색
다른 형식과 역할
pink 분홍
다른 형식과 역할
plum 연한 붉은 보라
다른 형식과 역할
powderblue 아주 연한 회하늘색
다른 형식과 역할
purple 짙은 자주
다른 형식과 역할
rebeccapurple 짙은 회보라
다른 형식과 역할
red 빨강
다른 형식과 역할
rosybrown 회분홍
다른 형식과 역할
royalblue 선명한 파랑
다른 형식과 역할
saddlebrown 짙은 갈색
다른 형식과 역할
salmon 밝은 주황빛 빨강
다른 형식과 역할
sandybrown 밝은 주황빛 갈색
다른 형식과 역할
seagreen 짙은 푸른 초록
다른 형식과 역할
seashell 주황빛 흰색
다른 형식과 역할
sienna 갈색
다른 형식과 역할
silver 옅은 회색
다른 형식과 역할
skyblue 하늘색
다른 형식과 역할
slateblue 탁한 푸른 보라
다른 형식과 역할
slategray · slategrey 푸른 회색
다른 형식과 역할
snow 붉은빛 흰색
다른 형식과 역할
springgreen 밝은 푸른 초록
다른 형식과 역할
steelblue 탁한 파랑
다른 형식과 역할
tan 탁한 연황갈색
다른 형식과 역할
teal 어두운 청록
다른 형식과 역할
thistle 연한 회보라
다른 형식과 역할
tomato 주황빛 빨강
다른 형식과 역할
turquoise 연한 초록빛 청록
다른 형식과 역할
violet 밝은 붉은 보라
다른 형식과 역할
wheat 노란 베이지
다른 형식과 역할
white 흰색
다른 형식과 역할
whitesmoke 회색빛 흰색
다른 형식과 역할
yellow 노랑
다른 형식과 역할
yellowgreen 노란 연두
다른 형식과 역할

대비를 무엇으로 판정하나

두 색의 상대 휘도를 각각 구해 (밝은 쪽 + 0.05) ÷ (어두운 쪽 + 0.05) 로 계산합니다. 기준은 WCAG 2.2 명암비 최소 기준(성공 기준 1.4.3)의 고정값이라 이 페이지가 정한 값이 아닙니다.

표시하는 값은 내림입니다. 4.499 를 4.50 으로 올려 적으면 통과처럼 읽히지만 실제 판정은 미달이기 때문입니다.

이 페이지는 화면에서 쓰는 sRGB 색 코드만 다룹니다. 사진에서 색을 뽑거나, 인쇄색(CMYK·Pantone)으로 바꾸거나, 모니터를 교정하지는 않습니다.

자주 묻는 질문

HEX와 RGB는 무엇이 다른가요? 같은 색을 적는 두 방법입니다. #663399 는 빨강·초록·파랑을 16진수 두 자리씩 붙여 쓴 것이고 rgb(102, 51, 153) 은 같은 값을 10진수로 쓴 것입니다. 화면에 나오는 색은 같습니다.

4.5:1 은 어디서 온 숫자인가요? WCAG 2.2 의 일반 텍스트 기준입니다. 큰 텍스트는 3:1 이고, 큰 텍스트는 24px 이상 또는 굵은 글씨 19px 이상을 말합니다.

여기서 통과하면 접근성 인증이 되나요? 아닙니다. 고른 두 색의 대비 하나를 잰 것입니다. 화면 전체는 글자 크기·간격·이미지 위의 글자까지 함께 봐야 합니다.

한국어 이름으로 찾아도 되나요? 됩니다. 검색은 한국어 설명·영어 이름·코드 어느 쪽에도 걸립니다. 다만 한국어 쪽은 우리 설명이므로, 다른 곳에 옮겨 쓸 이름은 영어 표준명입니다.

사용 결과 전하기 (선택)

원하는 곳에 붙여넣어 사용했나요?

원문 직접 선택