颜色代码转换工具
输出面板:
颜色转换工具说明

还在为RGBHEXHSL颜色代码之间的转换而烦恼吗?这款颜色转换工具正是为您量身打造!

支持多种颜色格式转换:

  • RGB颜色转换:例如 rgb(255, 0, 0)
  • RGBA颜色转换:例如 rgba(255, 0, 0, 0.5)
  • HEX颜色转换:例如 #ff0000
  • HSL颜色转换:例如 hsl(0, 100%, 50%)
  • HSLA颜色转换:例如 hsla(0, 100%, 50%, 0.5)
  • HSV颜色转换:例如 hsv(0, 100%, 100%)
  • HSVA颜色转换:例如 hsva(0, 100%, 100%, 0.5)
  • 颜色关键字转换:例如 red, blue, green

简单易用,轻松实现颜色转换:

  1. 在输入框中输入您想要转换的颜色代码。
  2. 点击“转换”按钮,即可完成颜色转换。
  3. 所有格式的对应颜色代码将立即显示在输出面板中。

省时高效:

无需再手动计算或查找颜色代码,这款颜色转换工具将为您节省宝贵的时间和精力,让您专注于更重要的设计工作。

常见问题

什么是RGB?

RGB代表Red(红色)、Green(绿色)、Blue(蓝色)和Alpha(不透明度)。其中,r、g、b 的数字范围为 0 ~ 255,百分比范围为 0 ~ 100%,a 为 0 ~ 1。例如:rgb(255, 0, 0)、rgb(255 0 0)、255,0,0、rgba(255, 0, 0, 0.5)、rgba(255 0 0 0.5)。

什么是HEX?

HEX颜色代码使用十六进制表示颜色,通常以#符号开头,后面跟着6位十六进制数字,分别代表红、绿、蓝三种颜色的强度。例如,#ff0000表示红色,#00ff00表示绿色,#0000ff表示蓝色。

什么是HSL?

HSL代表色相(Hue)、饱和度(Saturation)和亮度(Lightness)。色相是指颜色的种类,例如红色、绿色、蓝色等,用角度表示,取值范围为0-360度;饱和度是指颜色的鲜艳程度,用百分比表示,取值范围为0%-100%;亮度是指颜色的明暗程度,用百分比表示,取值范围为0%-100%。例如,hsl(0, 100%, 50%)表示红色,hsl(120, 100%, 50%)表示绿色,hsl(240, 100%, 50%)表示蓝色。

颜色关键字是什么?

颜色关键字是指一些预定义的颜色名称,例如red、green、blue、black、white等。这些颜色关键字可以直接在CSS中使用,代表相应的颜色值。

立即体验,告别颜色转换的烦恼!