色值同步输出
选择颜色后同步显示 HEX、RGB、HSL,便于设计和前端直接使用。
选择颜色后同步显示 HEX、RGB、HSL,便于设计和前端直接使用。
支持分别复制 HEX、RGB、HSL,减少手动转换和录入错误。
颜色选择和数值转换都在浏览器本地完成,不上传服务器。
工具使用说明
使用颜色控件选择目标颜色,页面会实时更新色值。
同时查看 HEX、RGB、HSL 三种常用格式。
按需要复制到 CSS、设计标注或组件配置中。
功能说明
颜色选择和格式转换只依赖浏览器本地计算,不需要服务端参与。
在设计对色、CSS 编写和组件配置中,快速拿到多格式色值能减少重复操作。
HEX 适合大多数 CSS 场景,RGB 适合透明度组合,HSL 适合按色相和明度微调。
复制后建议放回真实页面或设计稿中查看最终视觉效果。
常见问题
不会。颜色选择和数值转换都在浏览器本地完成。
当前同步输出 HEX、RGB 和 HSL。
可以,三个格式都提供复制按钮。
当前是颜色选择器;图片取色可使用已上线的图片坐标拾取工具。