工具使用说明
适用场景
- 前端网页开发调试CSS颜色,hex rgb hsl色码互相转换,快速获取css样式色值
- UI设计师界面配色,设计稿色号提取,不同设计软件之间颜色格式换算
- 小程序、移动端页面调色,网页主题色、边框、文字颜色预览查看
- 批量色值校对,输入任意格式色号自动解析,实时预览颜色效果
- 离线前端运算,所有颜色转换在浏览器本地执行,色值不上传到服务器,数据安全
使用操作方法
- 可使用顶部原生取色器拾取颜色,也可以直接拖动RGB三色滑块调整色彩
- 在HEX/RGB/HSL输入框内直接填写色号,工具会自动解析并同步全部格式
- 点击复制按钮,一键复制对应格式色号,直接粘贴到CSS代码、设计文档中使用
- 底部预设色板提供常用基础色,点击色块快速切换预览颜色,适合快速挑选主题色
- 颜色预览区域文字会自动根据颜色亮度切换黑白文字,保证文字可读