HEX·RGB 색상 변환

색을 고르거나 HEX·RGB를 적으면 HSL과 글자 대비율까지 한 번에 봅니다.

도구를 준비하고 있습니다. 화면이 뜨지 않으면 브라우저의 자바스크립트가 켜져 있는지 확인해 주세요.

HEX·RGB 색상 변환과 글자 대비

색을 고르거나 HEX·RGB 값을 적으면 HEX, RGB, HSL을 한 번에 보여 주고, 흰 바탕과 검은 바탕에서 글자 대비율이 충분한지 알려 줍니다.

사용 방법

색 고르기 상자에서 고르거나 #12695A, 18, 105, 90 처럼 적습니다.
HEX·RGB·HSL 값이 바로 나옵니다.
대비율로 본문 글자에 써도 되는지 확인합니다.

읽기 쉬운 글자색인지

웹 접근성 기준(WCAG)은 본문 글자의 대비율을 4.5:1 이상, 큰 글자는 3:1 이상으로 권합니다. 실제 흰 글자와 검은 글자를 색 위에 올려 보여 줍니다.

알아둘 점

투명도(알파)는 다루지 않습니다.

자주 묻는 질문

#FFF 처럼 세 자리도 되나요?

네. 세 자리 HEX도 읽습니다.

어울리는 색도 찾을 수 있나요?

색상 팔레트 만들기 도구를 쓰세요.