颜色格式转换工具

在 HEX、RGB、HSL 等颜色表示之间快速转换,适合 UI 开发、设计稿还原和样式检查。

关于颜色格式

适合在设计系统、CSS 配色和交付过程中快速对照颜色值。

为什么需要颜色转换?

设计工具、CSS 和组件系统对颜色的表示方式各不相同,转换工具可以减少交付和实现中的偏差。

主要功能

  • 支持常见颜色输入格式。:
  • 可直接查看视觉预览。:
  • 适合复制到 CSS 或设计文档中使用。:
  • 转换逻辑在浏览器中直接执行。:

使用方法

  1. 输入一个 HEX、RGB 或 HSL 颜色值。
  2. 查看其他格式下的对应结果。
  3. 复制目标格式用于你的样式或设计系统。
📖

相关文章

Color Format Conversion Guide – HEX, RGB, HSL & More

Understand HEX, RGB, HSL, and OKLCH formats. When to use each, with JavaScript conversion code and CSS examples.