如何选择颜色
点击取色器打开浏览器原生颜色面板，或从常用色板开始。选择后会立即得到标准 HEX、RGB 和 HSL 值，可直接复制到设计稿、样式表或组件配置中。
颜色选择器与转换
COLOR PICKER
使用取色器或直接输入 HEX、RGB、HSL，即时转换为常用颜色格式。所有计算均在浏览器本地完成，适合前端开发、设计标注与颜色核对。
无需上传颜色数据
选择或输入颜色
修改任意一种格式，另外两种会自动同步。
支持 #RGB、#RRGGBB、rgb(37, 99, 235) 与 hsl(221, 83%, 53%) 写法。
常用色板
工具说明与使用方法
理解颜色格式，能减少设计标注、CSS 编写和跨工具协作中的误差。
三种格式的区别
HEX 常见于 CSS 与设计标注；RGB 用红、绿、蓝三条通道描述颜色；HSL 用色相、饱和度和明度描述，更方便在保持同一色相的前提下调整深浅。
输入与校对建议
RGB 每个通道应在 0 到 255 之间，HSL 的饱和度与明度应在 0% 到 100% 之间。复制前请同时看预览区，避免把相近的蓝色、灰色或透明背景误用到正文。
HEX、RGB、HSL 分别用于哪里？
网页 CSS 中常见 #2563EB，图像和屏幕颜色常使用 rgb(37, 99, 235)，需要生成悬停色或同色系颜色时，HSL 更便于只调整饱和度和明度。
为什么页面文字要检查明暗对比？
同样的文字在浅黄色、亮蓝色或深紫色背景上可读性不同。预览区会根据颜色亮度提示适合的文字颜色；正式页面仍建议同时检查按钮、禁用状态和深浅主题下的实际显示效果。