Barokit

🎨颜色代码转换 (HEX ↔ RGB ↔ HSL)

将HEX、RGB、HSL颜色代码相互转换。设计师和开发者的免费工具。常用于设计系统色彩整理、CSS编写、Photoshop/Illustrator色彩迁移、品牌色标准化。

🔒 浏览器内处理无水印无需注册

使用方法

  1. 1输入需要的格式的颜色代码或在色轮上选择。
  2. 2其他格式自动转换显示。
  3. 3用复制按钮复制所需代码。

常见问题

HSL有何不同?+

HSL(色相、饱和度、明度)直观调色方便。仅修改亮度时HSL比RGB容易。

HEX和RGB是同一颜色吗?+

是。只是表示方式不同。#FF0000 = rgb(255, 0, 0) = 红色。HEX简短常用于CSS。

支持透明度(alpha)吗?+

可用RGBA、HSLA、HEX 8位(#RRGGBBAA)表示alpha通道。

设计用哪种格式好?+

CSS用HEX或hsl(),设计工具(Figma)用HEX 8位,印刷用CMYK(本工具不支持)。

支持CMYK吗?+

目前仅支持RGB系列颜色。CMYK属印刷需专业工具。

适合提取韩国网站色彩吗?+

与[图像色彩提取]工具配合使用更好。从图像提取调色板后将各色转为HSL以构建设计系统。

相关工具