在线调色板

在线调色板工具,用于调试HEX颜色值、RGBA/RGB颜色值、HSLA/HSL颜色值。

加载中...
颜色预览:
  操作文档

一、在线调色板在线教程

1.1、HEX十六进制颜色值

HEX十六进制颜色空间定义:#RRGGBB,其中使用 RR(红色)、GG(绿色)和 BB(蓝色)十六进制整数来指定颜色的组成部分,其值介于00 到 FF 之间的十六进制值,例如黑色#000000,白色#FFFFFF。


1.2、RGBA/RGB颜色值

RGB颜色值定义:RGB(红, 绿,蓝),RGBA颜色值定义为:RGBA(红,绿,蓝,Alpha)。红、 绿、蓝:为颜色的强度,其值介于 0 和 255 之间,Alpha:不透明度是一个介于 0.0 - 1.0(完全不透明)之间的数字。


1.3、HSLA/HSL颜色值

HSL颜色值定义:HSL(色相,饱和度,亮度),HSLA颜色值定义:HSLA(色相,饱和度,亮度,Alpha)。

  • 色相:是色轮上从 0-360的度数。例如0是红色,120是绿色,240是蓝色;
  • 饱和度:是一个百分比值,0% 表示灰色阴影,100% 表示全色;
  • 亮度:也是一个百分比值,0% 为黑色,100% 为白色;
  • Alpha:不透明度是一个介于 0.0 - 1.0(完全不透明)之间的数字。


二、在线调色板在线工具使用方式

在线调色板在线工具,主要用于在线调试颜色值,支持在线调试HEX十六进制颜色值、RGBA/RGB颜色值、HSLA/HSL颜色值等颜色空间,支持实时预览颜色,您还可以复制对应的颜色值。

  • 手动点击颜色画布区域;手动拖动横向滚动栏区域;在画布底部输入HEX十六进制颜色值、RGBA/RGB颜色值、HSLA/HSL颜色值;选择预置的颜色列表项。