색상 코드 변환 (HEX · RGB · HSL)

색상 코드를 넣거나 색을 고르면 HEX·RGB·HSL과 글자 대비가 함께 나옵니다.

색상 코드색 고르기

AaAa

사용법

명도 대비 기준은 무엇인가요?

WCAG 2 기준으로 본문 글자는 4.5:1 이상(AA), 7:1 이상이면 AAA, 큰 글자는 3:1 이상이면 됩니다.

투명도(알파)는요?

#rrggbbaa나 rgb(… / 0.5)처럼 넣으면 알파를 유지하고, 대비 계산에서는 투명도를 무시합니다.

HSL 값이 조금 다르게 나와요.

HSL은 정수로 반올림해 보여주므로, 다시 HEX로 바꾸면 1 정도 차이가 날 수 있습니다.

입력한 내용이 저장되나요?

아니요. 브라우저 안에서 계산만 하고 저장하거나 보내지 않습니다.