颜色转换器

在HEX、RGB和HSL格式之间转换颜色并实时预览。

100% Client-Side

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

59

绿

130

246

色调

217°

饱和度

91%

亮度

60%

简介 颜色转换器?

颜色转换器可以在HEX、RGB、HSL、HSV等颜色格式之间互相转换。设计师和开发者可以用它快速获取所需格式的颜色值。

使用方法

  1. 输入任意格式的颜色值(如#FF5733或rgb(255,87,51))
  2. 即时查看所有格式的转换结果
  3. 预览颜色效果
  4. 复制所需格式的值

常见问题

HEX和RGB有什么区别?
HEX是十六进制表示法(如#FF5733),RGB用十进制表示红绿蓝三个通道(如rgb(255,87,51))。两者本质相同,只是格式不同。
HSL的优势是什么?
HSL用色相、饱和度、亮度描述颜色,更符合人类直觉。调整亮度或饱和度时,HSL比RGB更方便。
如何在CSS中使用这些颜色格式?
CSS支持所有主流格式:color: #FF5733; color: rgb(255,87,51); color: hsl(11,100%,60%); 效果完全相同。