🎨颜色转换器

使用说明

1. 1
   输入颜色

   输入 HEX、RGB 或 HSL 格式的颜色值。您也可以点击颜色选择器进行视觉选择。

2. 2
   查看转换结果

   输入的颜色会同步转换为 HEX、RGB、HSL、HSV 和 CMYK 格式。

3. 3
   使用 CSS 代码

   底部显示可直接使用的 CSS 代码片段。将其直接复制到您的样式表中。

4. 4
   检查预览

   选定的颜色会显示在预览区域，以便您查看屏幕效果。

小技巧

• 💡HSL 格式（色相、饱和度、亮度）比 HEX 或 RGB 调整颜色更直观。
• 💡考虑背景和文本颜色之间的对比度，以符合 Web 可访问性合规性 (WCAG)。
• 💡CSS 自定义属性在 HSL 下效果更好——通过调整单个组件更容易创建颜色变体。
• 💡CMYK 值有助于您了解屏幕 (RGB) 和印刷材料之间的色彩差异。