색상 변환·피커

HEX·RGB·HSL 변환과 명암비 검사

브라우저 내 처리

입력

색상 선택

색상 코드

결과

#1FA89C

밝기 단계 (클릭하면 해당 색으로 이동)

흰 배경 명암비

2.94기준 미달

검은 배경 명암비

7.14AAA

WCAG 기준: 본문 텍스트는 4.5 이상(AA), 7 이상이면 AAA입니다. CMYK는 프로파일을 고려하지 않은 참고값입니다.

디자인 시안은 HEX, CSS는 RGB, 인쇄는 CMYK처럼 상황마다 필요한 표기가 다릅니다. 색을 고르거나 코드를 붙여넣으면 모든 표기를 한 번에 얻을 수 있고, 텍스트로 썼을 때 읽기 충분한 대비인지도 확인할 수 있습니다.

명암비는 어느 정도여야 하나요?

웹 접근성 지침(WCAG) 기준으로 본문 텍스트는 4.5 이상(AA), 더 엄격하게는 7 이상(AAA)이 필요합니다. 18pt 이상의 큰 글씨는 3 이상이면 됩니다.

CMYK 값이 인쇄소와 다릅니다.

여기 표시되는 CMYK는 색 프로파일을 고려하지 않은 단순 계산값입니다. 실제 인쇄에는 인쇄소가 지정한 프로파일로 변환한 값을 사용해야 정확합니다.

HSL은 언제 쓰나요?

같은 색조에서 밝기만 조절하거나 색상환을 따라 조화로운 색을 찾을 때 편리합니다. H(색조)는 그대로 두고 L(밝기)만 바꾸면 자연스러운 톤 변화를 만들 수 있습니다.