颜色对比度检查器
计算文字与背景颜色的对比度，并判定是否符合 WCAG 2.x AA/AAA 无障碍标准。所有计算均在浏览器中完成。
输入
结果
请输入两个 hex 颜色 (例: #333333)
常见问题
대비율은 어떻게 계산되나요?
WCAG 정의에 따라 두 색의 상대 휘도(relative luminance)를 구해 (밝은 값 + 0.05) ÷ (어두운 값 + 0.05)로 계산합니다. 결과는 1:1(동일)부터 21:1(흑백)까지입니다.
큰 텍스트의 기준은 무엇인가요?
18pt(약 24px) 이상, 또는 굵은 글씨 14pt(약 18.7px) 이상이 큰 텍스트입니다. 큰 텍스트는 AA 3:1, AAA 4.5:1로 기준이 완화됩니다.
어떤 색상 형식을 지원하나요?
#rgb, #rrggbb hex 형식을 지원합니다(# 생략 가능). rgb()나 hsl() 값은 색상 변환기로 hex로 바꾼 뒤 사용하세요.
相关工具
颜色转换器
HEX, RGB, HSL 색상 코드를 상호 변환하고 미리보기로 확인합니다.
颜色明暗生成器
从基准色生成由浅到深的 HEX 调色板，适合制作设计系统的色阶。所有处理均在浏览器中完成。
CSS 单位转换器
根据基准字体大小在 px、rem、em、pt、% 之间相互转换，适用于响应式排版。所有计算均在浏览器中完成。
CSS 阴影生成器 (box-shadow)
调节偏移、模糊、扩散、颜色和不透明度生成 CSS box-shadow 代码，并实时预览效果。支持 inset 内阴影。所有处理均在浏览器中完成。
CSS clamp() 生成器
根据尺寸和视口范围生成响应式 clamp() 代码，无需媒体查询即可实现随屏宽平滑变化的流式排版。所有计算均在浏览器中完成。
CSS 压缩器
去除 CSS 中的注释和多余空白以减小体积，同时保留字符串值。所有处理均在浏览器中完成。