🎨颜色转换器
加载中...
Web 开发和设计中的颜色有多种表示格式:HEX、RGB、HSL、HSV 和 CMYK。CSS 主要使用 HEX (#FF5733) 和 RGB (rgb(255, 87, 51)),而设计工具通常更喜欢 HSL 或 HSV。CMYK 是印刷设计的标准。此工具能即时将一种格式输入的颜色值转换为所有其他格式,并包含用于视觉选择的颜色选择器。
使用说明
- 1输入颜色
输入 HEX、RGB 或 HSL 格式的颜色值。您也可以点击颜色选择器进行视觉选择。
- 2查看转换结果
输入的颜色会同步转换为 HEX、RGB、HSL、HSV 和 CMYK 格式。
- 3使用 CSS 代码
底部显示可直接使用的 CSS 代码片段。将其直接复制到您的样式表中。
- 4检查预览
选定的颜色会显示在预览区域,以便您查看屏幕效果。
小技巧
- 💡HSL 格式(色相、饱和度、亮度)比 HEX 或 RGB 调整颜色更直观。
- 💡考虑背景和文本颜色之间的对比度,以符合 Web 可访问性合规性 (WCAG)。
- 💡CSS 自定义属性在 HSL 下效果更好——通过调整单个组件更容易创建颜色变体。
- 💡CMYK 值有助于您了解屏幕 (RGB) 和印刷材料之间的色彩差异。