不存储或传输数据到服务器

Color Converter

在 CSS、移动端和设计令牌格式之间转换颜色

支持 HEX、RGB、HSL、HWB、Lab、LCH、Oklab、OKLCH、Display P3 和 CSS 颜色名

#5CCC7FCC
H139°
透明度80%
预览
浅色背景
深色背景

所有处理都在您的浏览器本地完成。

HEX
RGB
OKLCH
HEX + AlphaRRGGBBAA
RGB + Alpha
HSL
HSL + Alpha

CSS HEX 使用 RRGGBBAA；Android 和 Flutter 使用 AARRGGBB。

最近颜色

转换后的颜色会显示在这里。

相关工具

CSS 美化与压缩工具格式化、优化和压缩 CSS 代码代码截图生成器创建美观、可分享的代码图片单位转换器面向开发者的单位转换器，支持数据大小、速率、时间等
什么是颜色转换器？

颜色转换器可解析单个颜色，并生成适用于 CSS、JavaScript、移动平台、设计令牌和现代色彩空间的可复制值。它保留透明度、提示色域限制，所有处理均在浏览器中完成。

使用方法
  1. 1.粘贴或输入 HEX、RGB、HSL、HWB、Lab、LCH、Oklab、OKLCH、Display P3 或 CSS 颜色名。
  2. 2.使用颜色选择器或透明度滑块调整。
  3. 3.打开格式、代码、令牌或检查标签并复制所需值。
  4. 4.从本地历史恢复常用颜色。
准确性与隐私

转换基于统一的高精度颜色模型，仅在格式化输出时舍入。Display P3 和感知色彩输入保留源坐标，sRGB 需要裁剪时会明确提示。CMYK 仅为近似值，并非 ICC 印刷转换。颜色不会上传。