颜色选择器

HEX、RGB、HSL 实时互转,支持配色方案与 CSS 渐变色生成

#2563EB
颜色转换
37
99
235
217
83%
53%
配色方案
渐变色生成器
background: linear-gradient(90deg, #2563eb, #1d4ed8);

颜色模式说明

HEX(十六进制):网页开发最常用的颜色表示法,以 # 开头,后跟 6 位十六进制数(RRGGBB),例如 #2563EB。兼容所有浏览器,简洁高效。

RGB(红绿蓝):通过红、绿、蓝三个通道的数值(0-255)定义颜色,例如 rgb(37, 99, 235)。直观易懂,适合图像处理与前端开发。

HSL(色相/饱和度/亮度):以 hsl(217, 83%, 53%) 表示,H 为色相(0-360°),S 为饱和度(0-100%),L 为亮度(0-100%)。更符合人类直觉,调整色调时非常方便。

模式格式适用场景
HEX#RRGGBBCSS 样式、设计稿标注
RGBrgb(r, g, b)图像处理、透明度叠加(rgba)
HSLhsl(h, s%, l%)动态主题、亮度调整、配色生成