색상 도구
기기에서 실행되며 아무것도 전송되지 않습니다.아무것도 업로드되지 않습니다 - 모든 변환은 기기에서 이루어집니다.
대비 검사기
흰색 배경 대비
AA (일반 텍스트)
5.17:1통과AA (큰 텍스트)
5.17:1통과AAA (일반 텍스트)
5.17:1실패AAA (큰 텍스트)
5.17:1통과검은색 배경 대비
AA (일반 텍스트)
4.06:1실패AA (큰 텍스트)
4.06:1통과AAA (일반 텍스트)
4.06:1실패AAA (큰 텍스트)
4.06:1실패명암 단계
HEX, RGB, HSL 간 변환, WCAG 대비 확인, 명암 단계 생성을 모두 브라우저 내에서 처리합니다.
이 도구는 색상을 HEX, RGB, HSL 표기법 간에 변환하고, 흰색 및 검은색 텍스트에 대한 WCAG 대비 비율을 확인하며, 어두운 색에서 밝은 색까지의 명암 단계를 생성합니다 - 모두 입력하는 동안 브라우저에서 로컬로 계산됩니다.
자주 묻는 질문
WCAG AA 및 AAA 등급은 무엇을 의미하나요?
이는 웹 콘텐츠 접근성 지침(WCAG)의 접근성 대비 기준입니다: AA는 일반 텍스트에 최소 4.5:1의 대비(큰 텍스트는 3:1, 18pt 이상 또는 굵게 14pt 이상)를 요구하며, 더 엄격한 AAA는 일반 텍스트에 7:1(큰 텍스트는 4.5:1)을 요구합니다. AA를 충족하는 것이 접근 가능한 텍스트의 일반적인 기준입니다.
HEX/RGB/HSL을 왕복 변환하면 왜 값이 약간 달라질 수 있나요?
HSL은 색조, 채도, 명도를 반올림된 정수로 저장하므로 RGB를 HSL로 변환했다가 다시 변환하면 반올림으로 인해 채널 값이 1~2 정도 어긋날 수 있습니다 - 이는 정상적인 현상이며 HSL을 지원하는 모든 색상 도구에서 발생합니다.
명암 단계는 어떻게 생성되나요?
색상의 색조와 채도를 고정한 채 HSL 공간에서 명도만 거의 검은색에서 거의 흰색까지 변화시켜 생성합니다. 이는 지각적으로 균일한 단계(더 복잡한 색 공간이 필요)가 아니라 단순하고 예측 가능한 단계로, 대부분의 일반적인 색상 도구가 제공하는 방식과 동일합니다.