색상 코드 변환하기

사용 방법

1. 색을 붙여 넣습니다. #3b5bdb, #fff, rgb(59 91 219), rgba(59, 91, 219, 0.5), hsl(228, 69%, 55%) 모두 읽습니다.
2. 한 줄에 한 색씩 넣으면 팔레트를 한 번에 변환할 수 있습니다.
3. 각 표기와 그 아래의 대비 값을 확인합니다.
4. 필요한 표기를 복사합니다.

자주 묻는 질문

어떤 표기를 읽나요?

16진수 3·4·6·8자리, rgb()와 rgba(), hsl()과 hsla()입니다. 값은 쉼표로 구분해도 공백으로 구분해도 되고, 슬래시 뒤의 투명도도 읽습니다. rebeccapurple 같은 색 이름은 읽지 않습니다. 148개의 대응표일 뿐 변환이 아니기 때문입니다.

대비 수치 두 개는 무엇인가요?

그 색에 대해 흰 글자와 검은 글자가 얼마나 읽기 쉬운지를 나타내는 WCAG 명도 대비입니다. 기준은 본문 4.5:1 이상, 큰 글씨나 굵은 글씨 3:1 이상이고 최대값은 21:1(흰 바탕에 검정)입니다. 두 값이 모두 4.5에 못 미치는 색은 배경으로 썼을 때 어떤 글자색도 편하게 읽히지 않습니다.

CMYK 값을 인쇄에 써도 되나요?

정확한 값은 아닙니다. 실제 CMYK는 인쇄기·잉크·용지에 따라 달라지고 그것을 기술하는 것이 컬러 프로파일입니다. 여기 나오는 값은 단순 계산식의 결과로, 감을 잡는 데는 쓸 수 있지만 인쇄소에 넘길 데이터로는 적절하지 않습니다. 반드시 인쇄소의 프로파일을 따르세요.

왕복 변환했더니 색이 조금 달라졌습니다.

HSL은 각도와 백분율을 정수로 적기 때문에, 변환해서 되돌리면 채널 값이 1~2 정도 어긋날 수 있습니다. 정확해야 하는 곳에서는 16진수를 기준으로 쓰세요.

서버로 전송되나요?

아닙니다. 계산일 뿐이라 이 페이지 안에서 끝납니다.