입력과 결과 예시
검은 글자와 흰 배경
- 입력
- 기준 색 #000000 · 배경 #ffffff
- 결과 확인
- 명암비 21.00:1 · AA PASS · AAA PASS · RGB rgb(0, 0, 0)
이 예시는 두 불투명 단색 사이의 대비입니다. 다른 배경이나 투명도를 쓰면 실제 조합을 다시 확인하세요.
이미지·문서 도구
색상 코드·팔레트 도구
기준 색과 배경 색을 넣어 코드 값과 글자 명암비를 확인하세요. 색상 팔레트의 HEX 값도 복사할 수 있습니다.
입력은 6자리 HEX · AA 4.5:1, AAA 7:1 기준으로 표시
색상 코드·팔레트 도구색상 코드를 변환하고 조화 팔레트와 WCAG 명암비를 확인합니다.
HEX · RGB · HSL읽기 쉬운 글자 예시BaroTool · Aa 123
명암비4.54 : 1
AA PASSAAA FAIL
색상 코드와 팔레트
일반 크기 글자의 WCAG 기준은 보통 AA 4.5:1, AAA 7:1 이상입니다.
색상과 대비
코드 값과 배경 위의 읽기 쉬움을 함께 보세요
기준 색과 배경 색 넣기
색상 선택기를 쓰거나 #356cf6처럼 6자리 HEX를 입력하세요. 기준 색의 HEX·RGB·HSL 값이 함께 표시됩니다.
대비 숫자와 예시 보기
기준 색을 글자색으로, 배경 색을 바탕으로 미리 보여줍니다. 명암비와 AA·AAA 표시를 보며 조합을 조절하세요.
코드와 팔레트 복사하기
필요한 코드 카드나 팔레트 색을 누르면 값이 복사됩니다. 팔레트는 기준 색의 색조를 바꾼 후보이므로 실제 사용 배경에서 다시 확인하세요.