HEX{ "label": "HEX", "value": "#6366F1" }
RGB{ "label": "RGB", "value": "rgb(99, 102, 241)" }
HSL{ "label": "HSL", "value": "hsl(239, 84%, 67%)" }
HSV{ "label": "HSV", "value": "hsv(239, 59%, 95%)" }
CMYK{ "label": "CMYK", "value": "cmyk(59%, 58%, 0%, 5%)" }

如何使用Color 颜色选择器

  1. 在色板上点击选择目标颜色,或直接输入颜色值
  2. 支持输入HEX、RGB、HSL等格式的颜色值
  3. 实时查看颜色预览和各格式转换结果
  4. 点击复制按钮获取所需格式的颜色值

Color 颜色选择器功能说明

  • 可视化色板选色,支持精确调整
  • HEX、RGB、HSL、HSV格式互转
  • 显示颜色透明度(Alpha通道)设置
  • 提供互补色、类似色等和谐配色方案

注意事项

  • 不同显示器颜色显示可能有偏差
  • HEX格式为6位或8位(含透明度)十六进制
  • RGB各分量范围为0-255
  • 设计时注意Web安全色兼容性