首页
JSON格式化
XML格式化
文本对比
二维码生成
编码转换
加密/解密
首页
开发工具
颜色代码转换
设计工具
🎨 颜色代码转换工具
在线颜色格式转换,支持HEX、RGB、HSL等多种格式,提供调色板和颜色预览
🎯 颜色选择器
RGB调节
Red (红):
59
Green (绿):
130
Blue (蓝):
246
🔄 格式转换
HEX (十六进制)
#
复制
RGB
复制
RGBA (透明度)
复制
HSL
复制
HSLA
复制
CMYK
复制
🎨 常用颜色调色板
基础颜色
Material Design颜色
🌈 颜色和谐搭配
互补色
原色
互补色
类似色
类似色1
原色
类似色2
三元色
原色
三元色1
三元色2
分裂互补色
原色
分裂1
分裂2
📖 使用说明
基本功能
使用颜色选择器选择颜色
通过RGB滑块精确调节颜色
自动转换为多种颜色格式
点击复制按钮复制颜色代码
从调色板快速选择常用颜色
查看颜色和谐搭配建议
颜色格式说明
HEX:
网页设计常用格式 (#RRGGBB)
RGB:
红绿蓝三原色值 (0-255)
RGBA:
带透明度的RGB
HSL:
色相、饱和度、亮度
HSLA:
带透明度的HSL
CMYK:
印刷常用格式
🔗 相关工具推荐
🔢 进制转换工具
📱 二维码生成器
📄 JSON格式化
🛠️ 更多工具
颜色代码转换工具功能亮点
✅
多格式转换
:支持HEX、RGB、HSL、CMYK等多种颜色格式互相转换。
✅
实时预览
:输入颜色代码后立即显示颜色预览效果。
✅
颜色选择器
:提供直观的颜色选择器,方便选择颜色。
✅
调色板
:内置基础调色板和Material Design调色板。
✅
颜色和谐
:自动生成互补色、类似色、三元色等和谐搭配。
✅
一键复制
:支持一键复制各种格式的颜色代码。
常见问题解答
如何使用颜色代码转换工具?
在任意输入框中输入颜色代码,工具会自动转换并显示其他格式的颜色值,同时提供颜色预览。
支持哪些颜色格式?
支持HEX十六进制、RGB红绿蓝、HSL色相饱和度亮度、CMYK青品黄黑等多种颜色格式。
如何获取颜色和谐搭配?
选择任意颜色后,工具会自动生成互补色、类似色、三元色等和谐搭配方案,点击即可应用。
适用场景举例
🎨
前端开发
:CSS样式编写、主题色彩搭配、UI设计实现。
📱
移动应用
:APP界面设计、图标颜色选择、品牌色彩应用。
🌐
网页设计
:网站配色方案、Logo设计、视觉元素制作。
📊
数据可视化
:图表颜色配置、数据展示优化、报表美化。
🎭
平面设计
:海报设计、宣传材料制作、印刷色彩管理。