색상 선택기 / 형식 변환기
색을 선택하거나 CSS 색을 붙여넣고 HEX/RGB/HSL/HSV + WCAG 대비를 얻으세요.
흰 배경
Aa
검은 배경
Aa
WCAG 대비
흰 배경 —
검은 배경 —
R
0
G
0
B
0
이 도구에 대해
색상 선택기 / 형식 변환기 — 스와치에서 색을 선택하거나 임의의 CSS 색 (HEX, RGB, HSL, HSV, 명명된 색, OKLCH)을 붙여넣고 즉시 다른 모든 형식을 얻으세요.
허용되는 입력
- HEX:
#abc,#aabbcc,#aabbccdd(알파 포함). - RGB/RGBA:
rgb(255, 99, 71),rgba(255,99,71,0.5). - HSL/HSLA:
hsl(120, 60%, 50%). - HSV:
hsv(120, 60%, 50%). - 명명된 색: 147개의 CSS 명명 색 (
tomato,rebeccapurple, …). - OKLCH:
oklch(70% 0.15 200).
WCAG 대비
하단 패널은 WCAG 2.x 휘도 공식을 사용하여 순백색과 순흑색에 대한 대비를 계산합니다. 비율 ≥ 4.5는 AA 통과, ≥ 7은 AAA 통과.
개인 정보 보호
모든 변환은 브라우저에서 로컬로 수행됩니다 — 색상 정보는 기기를 떠나지 않습니다.