首页 › 前端工具 › 颜色选择器
CP

颜色选择器

支持HEX/RGB/HSL/HSV/CMYK五种格式互转,色相滑块和饱和度明度面板交互

支持格式HEX / RGB / HSL / HSV / CMYK
交互方式色相滑块 + 饱和度明度面板
手动输入支持 HEX 值输入
复制功能每种格式可单独复制
色相 H
200°
当前颜色
#3bb4d6
HEX
RGB rgb(59, 180, 214)
HSL hsl(193, 65%, 54%)
HSV hsv(200, 73%, 84%)
CMYK cmyk(73%, 16%, 0%, 16%)
颜色详情
颜色预览
色相 200°
饱和度 73%
明度 84%
亮度 (HSL) 54%
RGB 分量 R59 G180 B214
当前色相200°
支持格式5 种
RGB 总值453
明暗判断浅色

颜色选择器说明

颜色选择器支持 HEX、RGB、HSL、HSV、CMYK 五种颜色格式的实时互转与显示。

操作方式:左侧面板中,大方块为饱和度(横向)与明度(纵向)选择区域,下方滑块为色相选择。拖动即可实时改变颜色。

HEX 手动输入:在 HEX 输入框中输入 6 位或 3 位十六进制颜色值(可带 # 号),点击"应用"即可同步到选择器。

格式说明:RGB 基于光的三原色;HSL 描述色相、饱和度、亮度;HSV 描述色相、饱和度、明度;CMYK 基于印刷四色青、品红、黄、黑。

复制功能:每种格式右侧均有"复制"按钮,点击即可将对应格式字符串复制到剪贴板。

前端工具