颜色转换与拾取 (Hex ↔ RGB ↔ HSL)
实时颜色转换、预览及 HSL 滑块调整。支持一键复制。
工具概览
本工具支持在不同颜色格式之间实时转换，提供视觉预览和 HSL 滑块调节。非常适合 UI 设计和前端开发。
RGB 调节
R
G
B
HSL 滑块调节
色相217°
饱和度85%
亮度51%
HEX
#1a73e8
RGB
rgb(26, 115, 232)
HSL
hsl(217, 85%, 51%)
#1a73e8rgb(26, 115, 232)
实时预览
当前背景对比度： 深色文字 / 浅色文字
如何使用颜色转换工具？
- 1在“颜色拾取”区域点击色块选择颜色，或直接输入 Hex 代码（如 #FF5733）。
- 2工具会实时显示该颜色的 RGB、HSL 和 CMYK 数值。
- 3您可以拖动 HSL 滑块来精细调整色相、饱和度和亮度。
- 4点击对应数值旁的“复制”按钮，将颜色代码提取到剪贴板。
颜色工具常见问题
什么是 HSL 颜色模式？
HSL 代表色相(Hue)、饱和度(Saturation)、亮度(Lightness)。相比 RGB，HSL 更符合人类对颜色的直观认知，调整起来更方便。
支持 CMYK 格式吗？
支持。虽然转换器主要基于屏幕显示（RGB），但我们会根据算法估算对应的 CMYK 打印数值供参考。