颜色选择器

在线颜色选择和转换工具,支持 HEX、RGB、HSL、HSV 等格式
颜色预览:
#3B82F6
HEX 颜色值:
透明度 (Alpha):
%
预设颜色:
颜色格式:
HEX:
#3B82F6
RGB:
rgb(59, 130, 246)
RGBA:
rgba(59, 130, 246, 1)
HSL:
hsl(217, 91%, 60%)
HSV:
hsv(217, 76%, 96%)
CMYK:
cmyk(76%, 47%, 0%, 4%)
使用说明

颜色格式说明:

HEX (十六进制):

  • 格式:#RRGGBB 或 #RGB
  • 范围:00-FF (0-255)
  • 用途:Web开发中最常用的颜色格式
  • 示例:#FF0000 (红色)

RGB (红绿蓝):

  • 格式:rgb(r, g, b)
  • 范围:0-255
  • 用途:CSS颜色表示
  • 示例:rgb(255, 0, 0) (红色)

RGBA (红绿蓝透明度):

  • 格式:rgba(r, g, b, a)
  • RGB范围:0-255,Alpha范围:0-1
  • 用途:带透明度的颜色
  • 示例:rgba(255, 0, 0, 0.5) (半透明红色)

HSL (色相饱和度亮度):

  • 格式:hsl(h, s%, l%)
  • 色相:0-360°,饱和度:0-100%,亮度:0-100%
  • 用途:更直观的颜色调整
  • 示例:hsl(0, 100%, 50%) (红色)

HSV (色相饱和度明度):

  • 格式:hsv(h, s%, v%)
  • 色相:0-360°,饱和度:0-100%,明度:0-100%
  • 用途:颜色选择器常用格式
  • 示例:hsv(0, 100%, 100%) (红色)

CMYK (青色洋红黄色黑色):

  • 格式:cmyk(c%, m%, y%, k%)
  • 范围:0-100%
  • 用途:印刷行业颜色标准
  • 示例:cmyk(0%, 100%, 100%, 0%) (红色)