HEX / RGB / HSL 颜色格式互转与可视化预览
Web 颜色常见三种表示：HEX（#RRGGBB）用于 CSS，RGB（rgb(r, g, b)）便于直接计算，HSL（hsl(h, s%, l%)）便于「再亮一点」「再饱和一点」这种人类直觉的调整。三者描述同一种颜色，只是工作流不同。
本工具支持任意一种格式输入，同时显示另外两种，并实时显示色块预览。从设计稿里拷个 HEX 想换算成 HSL 微调色相，或反过来，都很方便。
HEX: #FF5733RGB: rgb(255, 87, 51)
HSL: hsl(11, 100%, 60%)HSL: hsl(180, 100%, 50%)HEX: #00FFFF
RGB: rgb(0, 255, 255)暂不支持——本工具只处理不透明颜色。RGBA / HSLA / 8 位 HEX（#RRGGBBAA）请单独保留 alpha 通道，预览色块只显示底色。
标准 sRGB，和 CSS 默认一致。Display-P3、oklch 等广色域空间暂不处理——它们的数学不同，且浏览器支持还不普及。
HSL 的 L（亮度）从 0（黑）经过 50% 的纯色到 100（白）；HSV 的 V（明度）从 0（黑）到 100（纯色）。CSS 用 HSL，很多设计工具（Photoshop、Figma 拾色器）用 HSV。两者相关但不相同。
输入端不支持，请用对应 HEX（tomato = #FF6347）。CSS 共有 147 种命名色，每种都对应固定 HEX，可在任意 CSS 参考里查表。
接近但不可能完全一致。浏览器和设计工具的色彩管理略有差异，你显示器的校准影响更大。对色彩精度有严格要求的品牌色，请在色彩管理工具里完成，最后导出 HEX 即可。