选色、转换HEX/RGB/HSL/CMYK、生成配色方案、对比度检查。
使用颜色拾取器非常简单:首先通过浏览器内置拾色器选择颜色,或在 HEX 输入框中直接输入颜色值(如 #F59E0B)。工具会自动将颜色转换为 HEX、RGB、HSL、CMYK 四种常见格式,方便你在不同场景中使用。
选择颜色后,右侧面板会自动生成明度方案和配色方案(类似色、三色、分裂互补),帮助你快速构建和谐的色彩搭配。点击任意色块即可复制对应的 HEX 值。
底部的对比度检查器会根据 WCAG 标准计算当前颜色与黑/白背景的对比度,并标注 AA/AAA 等级是否通过,确保你的配色满足无障碍访问要求。
HEX 是以十六进制表示颜色的方式,如 #FF5733,常用于网页 CSS 代码中。RGB 则以红、绿、蓝三个通道的数值(0-255)表示颜色,如 rgb(255, 87, 51)。两者本质上是同一种颜色模型的不同表示方式,可以互相转换。
类似色方案选择色轮上相邻的颜色,适合营造柔和统一的视觉感受;三色方案使用色轮上等距的三种颜色,适合需要丰富对比的设计;分裂互补方案则兼顾对比与和谐,是初学者的安全选择。
WCAG(Web 内容无障碍指南)要求文本与背景之间有足够的对比度,确保视力障碍用户也能正常阅读。AA 级别要求普通文本对比度不低于 4.5:1,大号文本不低于 3:1;AAA 级别则要求普通文本不低于 7:1,大号文本不低于 4.5:1。