🎨 颜色值转换工具
支持多种颜色格式相互转换，实时预览和复制
🌈 颜色预览
RGB: rgb(102, 126, 234)
HEX: #667eea
HSL: hsl(250, 77%, 66%)
📝 颜色值输入
🎭 颜色变体
反色
互补色
较亮
较暗
📚 颜色格式说明
HEX (十六进制)
由井号(#)开头，后面跟着6位十六进制数。前两位表示红色(R)，中间两位表示绿色(G)，最后两位表示蓝色(B)。
示例：#667eea
RGB (红绿蓝)
由红色(R)、绿色(G)、蓝色(B)三个通道组成，每个通道的取值范围是0-255。
示例：rgb(102, 126, 234)
HSL (色相饱和度亮度)
色相(H): 0-360度，饱和度(S): 0-100%，亮度(L): 0-100%。更符合人类对颜色的感知。
示例：hsl(250, 77%, 66%)
CMYK (印刷色彩)
由青色(C)、洋红色(M)、黄色(Y)、黑色(K)四个通道组成，常用于印刷行业。每个通道取值0-100%。
示例：cmyk(56%, 46%, 0%, 8%)
📖 关于颜色值转换工具
颜色值转换工具是一款专业的在线色彩格式转换工具，支持HEX、RGB、HSL、CMYK等多种主流颜色格式的相互转换。通过直观的界面和实时预览功能，帮助设计师、前端开发者和UI设计师快速完成颜色代码的转换和应用。
🎯 核心功能
- 多格式转换：支持HEX、RGB、HSL、CMYK等主流颜色格式互转
- 实时预览：即时显示颜色效果，所见即所得
- 一键复制：快速复制任意格式的颜色代码到剪贴板
- 颜色选择器：可视化拾色器，直观选择颜色
- 智能解析：自动识别输入的颜色格式并转换
- 完全免费：无需注册，无限次使用
💼 应用场景
- 网页设计：将设计稿中的颜色转换为CSS代码
- 前端开发：在不同项目中统一颜色规范
- UI/UX设计：创建和维护设计系统的配色方案
- 平面设计：屏幕设计与印刷设计的颜色转换
- 移动应用：iOS、Android等不同平台的颜色适配
- 品牌设计：确保品牌色彩在不同媒介的一致性
❓ 常见问题
Q: 什么是HEX颜色代码？
A: HEX（十六进制）颜色代码是一种用6位十六进制数表示颜色的方法，格式为#RRGGBB。其中RR代表红色分量，GG代表绿色分量，BB代表蓝色分量，每个分量的取值范围是00-FF（十进制0-255）。例如：#FF0000表示纯红色，#00FF00表示纯绿色，#0000FF表示纯蓝色。HEX颜色代码广泛应用于网页设计和开发中。
Q: RGB和HEX有什么区别？
A: RGB和HEX都是表示颜色的方式，只是格式不同：(1)RGB使用十进制数，格式为rgb(R, G, B)，例如rgb(255, 0, 0)；(2)HEX使用十六进制数，格式为#RRGGBB，例如#FF0000。两者可以互相转换，表示的颜色完全相同。RGB更直观易懂，HEX更简洁紧凑，在CSS中都广泛使用。
Q: HSL颜色模式是什么？
A: HSL是一种基于人眼感知的颜色模式，由三个参数组成：(1)Hue（色相）：0-360度，表示颜色的类型，如红色、绿色、蓝色等；(2)Saturation（饱和度）：0-100%，表示颜色的纯度，0%为灰色，100%为纯色；(3)Lightness（亮度）：0-100%，0%为黑色，50%为正常颜色，100%为白色。HSL更符合人类对颜色的直观理解，便于调整颜色的明暗和鲜艳程度。