CSS 색상 값(예: #ff6600, ff6600, rgb(255 102 0) 또는 hsl(24 100% 50%))을 입력합니다. 이 도구는 색상을 표시하고 이를 일반적인 CSS 형식으로 변환합니다.
이 브라우저에서는 값이 sRGB로 확인됩니다. currentColor, var() 및 시스템 색상과 같은 상황에 따른 색상은 허용되지 않습니다. 광역 및 CSS 색상 4 기능은 이 도구에서 지원되는 입력 형식을 벗어납니다. 투명도는 RGBA, HSLA 및 알파HEX에서 유지됩니다. RGB 및 HSL은 알파를 생략합니다. 대비 임계값은 전체 접근성 감사를 대체하지 않습니다.
유효한 CSS 색상 값을 입력하세요.
입력이 변경되었습니다. 이 보고서는 여전히 마지막으로 성공한 실행에 속합니다.
여기에 색상 샘플이 표시됩니다.
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS 입력
—
WCAG 명암비:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1은 일반 텍스트의 AA 임계값입니다. 3:1은 충분히 큰 텍스트에만 적용됩니다. 7:1은 일반 텍스트의 경우 AAA입니다. 색상 쌍 검사는 전체 페이지 접근성을 설정하지 않습니다.
온라인 CSS 색상 검사기를 사용하는 이유는 무엇입니까?
이 도구를 사용하면 브라우저에서 직접 CSS 색상 값을 빠르게 시각화할 수 있습니다. 디자인 시스템, 스타일 가이드 또는 레이아웃의 코드를 붙여넣고 화면에서 어떻게 보이는지 즉시 확인할 수 있습니다.
웹사이트 스타일을 준비하거나, 브랜드 색상을 일치시키거나, 기존 레이아웃을 디버깅할 때 사용하세요. 검사기는 HEX, RGB, RGBA, HSL 및 명명된 색상을 포함한 모든 표준 CSS 형식을 지원합니다.
