颜色格式转换
在 HEX、RGB、HSL 之间互相转换,还能检查文字和背景的对比度是否符合无障碍标准。
- HEX
- #3366cc
- RGB
- rgb(51, 102, 204)
- HSL
- hsl(220, 60%, 50%)
对比度检查
这是用这组配色显示的正文示例。
对比度 5.37 : 1 — 正文字号符合 AA 标准,大号字符合 AA 标准
使用方法
填入一个颜色值,其他几种写法会自动算出来。HEX 前面的 # 可写可不写,三位的缩写形式也认得。
数值旁边会显示色块,不用盯着代码去猜到底是什么颜色。把设计稿里的色值搬进代码的时候特别顺手。
对比度检查是填入文字颜色和背景颜色,算出两者之间的对比度。WCAG 要求正文至少 4.5:1,大号字至少 3:1。低于这个数值,视力不好的用户就很难看清页面上的字。
填入的内容不会发送到服务器,全部在浏览器里计算。