颜色转换支持 HEX、RGB、HSL 三种主流颜色格式实时互转，并提供可视化拾色器、调色板、对比度检测，是前端开发、UI 设计、数据可视化的必备小工具。
#FF5733 或简写 #F73，最常用于 CSSrgb(255, 87, 51)，每个通道 0~255rgba(255, 87, 51, 0.8)，多一个 alpha 透明度通道hsl(11, 100%, 60%)，色相/饱和度/亮度，更符合人眼直觉hsla(11, 100%, 60%, 0.8)，HSL 加透明度所有浏览器都支持，写起来短，是 CSS 中最常见的写法。但只能表达不透明颜色，要带透明度需要写 8 位 #RRGGBBAA（部分老浏览器不识别）。
三个独立通道便于做颜色混合、亮度调整等数学运算。Canvas、SVG 等图形 API 大多接受 rgb() 字符串。
调主题色时只想改色相、保留饱和度和亮度，用 HSL 一目了然。CSS 变量配合 HSL 可以一行改全站主题：--primary: hsl(220, 90%, 50%);
#FFFFFF = rgb(255,255,255) = hsl(0,0%,100%)#000000 = rgb(0,0,0) = hsl(0,0%,0%)#FF0000 = rgb(255,0,0) = hsl(0,100%,50%)#00FF00 = rgb(0,255,0) = hsl(120,100%,50%)#0000FF = rgb(0,0,255) = hsl(240,100%,50%)#C8161D（PMS 186C 标准色）#007AFF（iOS 系统强调色）设计师在 Figma/Sketch 给了一个 HEX 颜色，但你做主题色变体需要 HSL 调亮度，本工具一秒转过来。
老代码里 red、#f00、rgb(255,0,0) 写法混杂，本工具帮你统一为团队规范要求的格式。
选定主色后，用 HSL 微调色相 ±15° 得到补色，调亮度得到深浅变体，快速生成 5-10 色的品牌调色板。
#ff5733 与 #FF5733 等价；规范一般写小写#F73 = #FF7733