颜色选择器

如何使用

  1. 使用颜色选择器或输入颜色值
  2. 查看不同格式的颜色值
  3. 使用"复制"按钮复制颜色值
  4. 点击"调色板"按钮选择预设颜色
小贴士：
  • 支持十六进制、RGB、HSL三种格式
  • 可以实时预览颜色效果
  • 调色板包含多种预设颜色

示例

颜色选择

颜色值

RGB: rgb(59, 130, 246)
HSL: hsl(217, 91%, 60%)

关于颜色格式

十六进制 (HEX)

6位十六进制数，如 #3b82f6，常用于CSS和设计工具

RGB

红绿蓝三色值，范围0-255，如 rgb(59, 130, 246)

HSL

色相、饱和度、亮度，如 hsl(217, 91%, 60%)

不同颜色格式适用于不同的场景。十六进制最常用于Web开发， RGB适合精确控制，HSL更适合调整颜色的明暗和饱和度。