🎯 颜色选择器

🔄 格式转换

#

🎨 常用颜色调色板

基础颜色
Material Design颜色

🌈 颜色和谐搭配

互补色
原色
互补色
类似色
类似色1
原色
类似色2
三元色
原色
三元色1
三元色2
分裂互补色
原色
分裂1
分裂2

📖 使用说明

基本功能

  • 使用颜色选择器选择颜色
  • 通过RGB滑块精确调节颜色
  • 自动转换为多种颜色格式
  • 点击复制按钮复制颜色代码
  • 从调色板快速选择常用颜色
  • 查看颜色和谐搭配建议

颜色格式说明

  • HEX: 网页设计常用格式 (#RRGGBB)
  • RGB: 红绿蓝三原色值 (0-255)
  • RGBA: 带透明度的RGB
  • HSL: 色相、饱和度、亮度
  • HSLA: 带透明度的HSL
  • CMYK: 印刷常用格式

颜色代码转换工具功能亮点

  • 多格式转换:支持HEX、RGB、HSL、CMYK等多种颜色格式互相转换。
  • 实时预览:输入颜色代码后立即显示颜色预览效果。
  • 颜色选择器:提供直观的颜色选择器,方便选择颜色。
  • 调色板:内置基础调色板和Material Design调色板。
  • 颜色和谐:自动生成互补色、类似色、三元色等和谐搭配。
  • 一键复制:支持一键复制各种格式的颜色代码。

常见问题解答

在任意输入框中输入颜色代码,工具会自动转换并显示其他格式的颜色值,同时提供颜色预览。

支持HEX十六进制、RGB红绿蓝、HSL色相饱和度亮度、CMYK青品黄黑等多种颜色格式。

选择任意颜色后,工具会自动生成互补色、类似色、三元色等和谐搭配方案,点击即可应用。

适用场景举例

  • 🎨 前端开发:CSS样式编写、主题色彩搭配、UI设计实现。
  • 📱 移动应用:APP界面设计、图标颜色选择、品牌色彩应用。
  • 🌐 网页设计:网站配色方案、Logo设计、视觉元素制作。
  • 📊 数据可视化:图表颜色配置、数据展示优化、报表美化。
  • 🎭 平面设计:海报设计、宣传材料制作、印刷色彩管理。