颜色转换器

新上线

HEX、RGB、HSL 颜色格式互转，支持颜色预览与 CSS 代码复制

颜色HEXRGBHSL

HEX

RGB

HSL

CSS 代码

color: #3b82f6;
background-color: rgb(59, 130, 246);
/* hsl(217, 91%, 60%) */

颜色转换器使用说明

颜色转换器支持 HEX、RGB、HSL 三种常见颜色格式之间的相互转换，并提供实时颜色预览与 CSS 代码复制功能。前端开发者、UI 设计师在调整主题色、统一品牌色、提取配色方案时，可以通过这款工具快速在不同颜色表示法之间切换。输入任意一种格式的数值，其他格式会自动同步更新。

支持透明度吗？▼

当前版本主要支持不透明颜色，RGBA 与 HSLA 支持将在后续版本中加入。

HEX 必须带 # 号吗？▼

支持带 # 号的六位十六进制值，如 #3b82f6。

转换结果准确吗？▼

转换基于标准颜色空间公式，结果精确到整数位，满足日常设计开发需求。