컬러 변환
HEX, RGB, HSL, HSLa, HWB, OKLCH, OKLab 또는 CSS 이름 색상 등 어떤 CSS 색이든 입력하면 모든 동등한 값과 흰색·검은색 대비 WCAG 명도 대비를 즉시 보여줍니다.
파일을 업로드하지 않습니다 · 모든 처리는 이 브라우저에서 실행
명도 대비 (WCAG 2)
| 흰 배경 위 글자 | 검은 배경 위 글자 | |
|---|---|---|
| 대비율 | ||
| AA 큰 글자 (3:1) | ||
| AA 일반 글자 (4.5:1) | ||
| AAA 일반 글자 (7:1) |
자주 묻는 질문
OKLCH는 무엇인가요?
사람 눈에 균일하게 느껴지는 공간에서 명도·채도·색상으로 색을 표현하는 방식입니다. 명도만 바꿔도 색감이 유지되어 디자인 시스템에 유용하며, 최신 브라우저는 모두 CSS에서 지원합니다.
CMYK가 근사치인 이유는 무엇인가요?
실제 인쇄 색은 용지, 잉크, ICC 프로파일에 따라 달라집니다. 이 도구는 프로파일 없이 단순 공식으로 계산하므로 정확한 값은 인쇄소에 확인하세요.
어떤 색상 형식을 입력할 수 있나요?
HEX (#fff, #ffffff, #ffffffff), rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), oklab() 그리고 tomato, rebeccapurple 같은 CSS 이름 색상 모두 지원합니다.
WCAG 대비 검사는 무엇을 보여주나요?
입력한 색과 순수 흰색·검은색의 대비율을 보여주고, WCAG 2의 AA(일반 글자 4.5:1, 큰 글자 3:1) 및 AAA(일반 글자 7:1) 기준 통과 여부를 알려줍니다.
오프라인에서도 사용할 수 있나요?
네. 변환기는 브라우저에 내장된 CSS 색상 파싱 로직만 사용하므로 페이지가 로드된 후에는 인터넷 연결 없이도 동작합니다.