颜色格式转换
颜色互转：#RGB/#RRGGBB/#RRGGBBAA、rgb()、hsl() 与 CSS 命名色，alpha 保留，实时色块与明暗对比预览。
Live swatch preview
Accepted formats
3- and 6-digit hex, 4- and 8-digit hex with alpha (#RRGGBBAA), rgb()/rgba() with or without percentages, hsl()/hsla() with hue in any unit (deg/rad/turn stripped), plain 99,102,241 triplets, and the 16 named CSS colors plus common extras. Alpha below 1 is preserved in RGBA/HSLA output; the hex output then uses the 8-digit form.
如何使用颜色格式转换
输入或粘贴任意格式——#1e90ff、rgb(30 144 255)、hsl(210 100% 56%)——转换器回给你全部其他格式加上最接近的 CSS 命名色。色块与对比度提示随输入刷新，任意变体一键复制为可粘贴 CSS。
明暗双主题预览帮你在上线前检查两种主题下的可读性。同一面板还解释了一个 hex 值在数值通道上的含义——移植设计 token 到 canvas 代码或校验设计工具给的颜色时很有用。