HEX(十六进制)以#RRGGBB格式表示颜色,如#FF5733,是Web开发中最常用的颜色格式。RGB(红绿蓝)用0-255的三个数值表示颜色分量。HSL(色相饱和度明度)用色相角度(0-360°)、饱和度百分比和明度百分比表示,更符合人类对颜色的认知方式。本工具支持三种格式实时互转。
在CSS中使用十六进制颜色:color: #FF5733; background-color: #3498db;。支持3位缩写(#fff=白色)、6位标准(#ff5733)、8位带透明度(#ff573380表示50%透明度)。CSS也支持rgb(255,87,51)和hsl(12,100%,60%)格式。本工具生成的所有格式均可直接用于CSS/HTML。
Alpha通道表示颜色的透明度/不透明度,取值范围0-255或0%-100%。0(00)=完全透明,255(FF)=完全不透明。HEX格式用#RRGGBBAA表示,如#FF573380表示50%透明度。RGBA格式为rgba(255,87,51,0.5),HSLA为hsla(12,100%,60%,0.5)。
常见的颜色搭配方案有:互补色(色相相差180°)、类似色(色相相邻)、三角色(色相相距120°)、四角色(两组互补色)。使用本工具的HSL模式可以直观地调整色相值来找到搭配色。例如主色为#3498db(色相204°),其互补色为#db7734(色相24°)。
标准6位十六进制颜色代码有256³ = 16,777,216种可能(每个红绿蓝通道256个值)。如果包含Alpha通道(8位HEX),则有256⁴ = 4,294,967,296种可能。本工具可浏览和选择所有这些颜色。