颜色格式转换

转换
预览
格式
{{ row.key === 'hex' ? 'HEX(十六进制)' : row.key.toUpperCase() }}
{{ row.value }}
*点击行可进行复制
{{ color.class }}
预览
name
HEX(十六进制)
RGB
HSL
{{ row.name }}
{{ row.hex }}
{{ row.rgb }}
{{ row.hsl }}

RGB色彩空间

又称RGB颜色模型或红绿蓝颜色空间,是一种加色模型,将红(red)、绿(green)、蓝(blue)三原色的色光以不同的比例相加, 以产生多种多样的色光。 在css中表示方法譬如:rgb(255, 0, 0)表示红色,rgb(255, 255, 255) 表示黑色。

HEX色彩空间

又叫十六进制颜色模式,是用十六进制表示颜色的。形如 #000000 的 格式,这是在css中经常使用的。

RGBA色彩空间

是代表 Red、Green、Blue、和Alpha的色彩空间 。就是在RGB的基础上增加了透明度。 这是css3新增加的色彩模式,它的表示方法是,rgba(255, 255, 255, 0.5), 其中alpha的取值在0~1之间,0为完全透明,1为完全不透明。与opacity属性的区别是,opacity能影响到其子元素透明度,RGBA不会。

HSL色彩空间

HSL 和 HSV (也叫 HSB )是对RGB色彩空间中点的两种有关系的表示,它们尝试描述比 RGB 更准确的感知颜色联系,并仍保持在计算上简单。 H指 Hue(色相 )、S指 Saturation(饱和度 )、L指 Lightness(亮度 )、V指 Value(色调) 、B指 Brightness(明度 )。 色相 (H)是色彩的基本属性,就是平常所说的颜色名称,如红色 、黄色等,取值范围 0-360。 饱和度 (S)是指色彩的纯度,越高色彩越纯,低则逐渐变灰,取值范围 0-100% 。 明度 (V),亮度(L),取值范围 0-100% 。W3C 的 CSS3 采用的是HSL