颜色格式转换
在 HEX、RGB、HSL、HSB 之间转换颜色。
How to Use
- 输入或粘贴任意支持格式的颜色：HEX（#ff5733 或 #fff）、RGB（rgb(255, 87, 51)）、HSL（hsl(12, 100%, 60%)）或 HSB/HSV。工具自动识别输入格式并立即解析。
- 转换器同时显示所有其他格式——HEX、RGB、RGBA、HSL、HSLA、HSV/HSB 和 CMYK——并提供实时颜色预览色块。调整单个通道值（R/G/B 滑块、色相、饱和度），所有格式实时同步更新。
- 一键复制任意格式。直接粘贴到 CSS、设计工具（Figma、Sketch）、图形软件（Photoshop、GIMP）或代码库中使用，也支持输出适用于现代设计系统的 CSS 变量格式。
Frequently Asked Questions
- HSL 和 HSB/HSV 有什么区别？
- HSL（色相、饱和度、亮度）将颜色建模为双锥体——0% 亮度为黑色，100% 为白色，纯色位于 50%。HSB/HSV（色相、饱和度、明度）将其建模为圆柱体——0% 明度始终为黑色，纯色位于 100% 明度处。HSL 对 CSS 更直观，HSB 与颜色选择器的工作方式一致。
- 支持 alpha 透明度吗？
- 支持——转换器输出带 alpha 通道的 RGBA 和 HSLA 格式。调整透明度滑块（0-1 或 0-100%）即可获得对应的 rgba() 或 hsla() CSS 值。输出同样支持带 alpha 的 HEX 格式（#RRGGBBAA）。
- HEX 简写格式是怎么工作的？
- HEX 简写用 3 或 4 个字符代替 6 或 8 个字符，每个字符会被自动翻倍：#f39 展开为 #ff3399，#f39f 展开为 #ff3399ff。转换器会自动展开简写，也可选择输出给定颜色最短的 HEX 表示。