【浏览器执行模式】 : 您的所有数据均在浏览器中处理,不会上传服务器,数据安全有保障。不放心的,可等待页面加载完成后 断网使用!(需提前登录账号)
【速度及稳定性】 : 处理速度由您的机器配置决定。由于浏览器差异,少数工具可能出现无法使用或异常:请使用:软件版工具
工具使用
返回旧版工具提示:请先设置基础颜色和精度参数,再查看转换结果。支持 HEX、RGB、RGBA、HSL、HSLA、HSV、CMYK、LAB、XYZ 等输入格式。
基础颜色用颜色选择器、文本或示例色开始
#2F8BFF
示例:#0F8F8F、rgb(15,143,143)、hsl(180,81%,31%)、cmyk(90%,0%,0%,44%)、lab(53.23,80.11,67.22)
转换设置用于控制输出格式和配色结果
0%
0%
提示:确认颜色无误后,可复制单个格式,也可以一键复制全部结果。对比度用于判断当前颜色与白底、黑底文字的可读性。
格式转换结果点击右侧按钮复制
颜色预览与对比度白底、黑底与透明色预览
白色背景文字预览
黑色背景文字预览
-白底对比
-黑底对比
-白底等级
-黑底等级
CSS 变量
提示:先选择配色类型,再生成或导出。批量文本转换每行一个颜色值,适合整理设计稿、CSS 或表格中的颜色。
配色方案点击色块可切换为基础色
批量文本转换每行一个颜色,最多展示前 20 条
| 预览 | 原始输入 | HEX | RGB | HSL | CMYK | 状态 |
|---|
已复制
使用说明
软件使用说明
- 设置基础颜色:在颜色选择器中选择颜色,或在输入框中填写HEX、RGB、HSL、HSV、CMYK、LAB、XYZ等颜色值,然后点击“应用颜色”。
- 调整转换参数:根据需要设置小数精度、Alpha透明度、HEX大小写、饱和度微调和明度微调,再进入下一步查看结果。
- 查看转换结果:工具会生成HEX、RGB、RGBA、HSL、HSLA、HSV、CMYK、LAB、XYZ、CSS变量等结果,可点击复制按钮单独复制。
- 检查对比度:在结果页查看当前颜色在白色背景和黑色背景下的对比度等级,便于判断文字颜色可读性。
- 生成配色方案:选择单色、类似色、互补色、拆分互补、三元色或四元色方案,点击色块可将该颜色设为新的基础色。
- 批量转换颜色:在批量文本转换区域每行输入一个颜色值,点击“开始批量转换”,可查看前20条结果并下载完整ZIP结果包。
- 保存和导出:点击“保存设置”可保存常用参数;配色方案支持复制,也可导出为TXT、JSON、CSS变量或SVG色卡。
常见问题
答:支持HEX、RGB、RGBA、HSL、HSLA、HSV、CMYK、LAB、XYZ等常见颜色格式。也可以直接输入类似“255, 87, 51”的RGB数值。
答:HEX和RGB常用于网页、CSS和程序界面;HSL更适合按色相、饱和度、亮度调整颜色,便于做配色微调。
答:CMYK结果可作为印刷配色参考。实际印刷还会受到纸张、油墨、色彩配置文件和设备校准影响,正式输出前建议结合印刷方要求确认。
答:LAB和XYZ常用于色彩管理、色差分析和跨设备颜色描述。LAB更接近人眼感知,XYZ是CIE标准色彩空间中的基础模型。
答:每行输入一个颜色值后点击“开始批量转换”,工具会展示前20条结果。处理完成后可点击“下载ZIP”,压缩包内包含JSON、CSV和TXT结果文件。
答:支持单色、类似色、互补色、拆分互补、三元色和四元色。不同方案适合不同设计场景,可根据品牌色、页面风格或对比需求选择。
答:不会。颜色输入、格式转换、配色生成和批量结果整理均在当前页面完成,不会把颜色数据上传到服务器。