颜色选择器和转换器

概览

取色并在HEX、RGB、HSL之间转换。

适用场景

• 统一品牌色。
• 检查界面对比度。
• 为 UI 主题构建明暗色阶。

使用步骤

1. 选择颜色或输入数值。
2. 调整色相、饱和度或亮度。
3. 复制所需格式。

示例

#FF6A00

rgb(255, 106, 0)

hsl(210, 50%, 40%)

#336699

rgb(12, 99, 200)

#0C63C8

常见错误

• 颜色过浅会降低对比度。
• 不同色彩配置会产生偏差。
• 缺少 # 会导致 HEX 在 CSS 中无效。

实用技巧

• 检查可访问性对比度。
• 保存调色板以保持一致。

常见问题

数据与隐私