- 单个转换
- 批量转换
预览 | 格式 | 结果 (点击复制) |
---|---|---|
名称 | ||
HEX | ||
HEX8 | ||
RGB | ||
RGB% | ||
HSL | ||
HSV | ||
HWB |
序号 | 输入值 | 结果 | 状态 |
---|
相关工具
在线CSS颜色转换工具,支持rgb,hex,hsl,hsv,hwb等格式的颜色互相转换。
- 请输入或者选择一个颜色值。输入支持颜色名称,HEX颜色,HEX8颜色,RGB颜色,RGBA颜色,HSL颜色,HSLA颜色,HSV颜色,HSVA颜色和HWB颜色。
- 如果输入的颜色值没有对应的颜色名称,则颜色名称结果为None。
- 本工具额外支持以下格式的颜色值转换:sRGB Linear , HSLuv , OKLCh , OKLab , Okhsl , Okhsv , P3 , P3 Linear , REC.2020 Linear , REC.2020 , REC.2020-PQ , REC.2020-HLG , Absolute XYZ D65 , XYZ D65 (xyz) , XYZ D50 , Jzazbz , JzCzHz , ICTCP , ACEScg , ACEScc , Lab , LCh , ProPhoto , ProPhoto Linear , Adobe98RGB (a98rgb) , Adobe98RGB Linear(a98rgb-linear) , HCT , HPLuv , LChuv , Lab D65 , Luv , CMY , CMYK , YUV , YCbCr 。
- YUV 颜色格式,Y 值的范围为 [0,1], U 值的范围为 [-0.436,0.436], V 值的范围为 [-0.615,0.615] 。
- YCbCr 颜色格式,Y 值的范围为 [0,255], Cb 值的范围为 [-127.5,127.5], Cr 值的范围为 [-127.5,127.5] 。 如果需要,可以将 Cb, Cr 的值加上 127.5,从而将 Cb, Cr 的值的范围调整为 [0,255] 。
- CSS不支持hsv和hsva颜色,本工具仅作为转换结果展示。
- 和颜色有关的CSS属性:color,background-color,border-color,outline-color,text-decoration-color,text-emphasis-color, text-shadow,caret-color,column-rule-color,print-color-adjust等。
-
CSS颜色值简介:
- 颜色名称:颜色名称是不区分大小写的标识符,表示一个具体的颜色。比如red, black,white,transparent(表示完全透明的颜色)。 颜色名称未定义透明度。如果使用未知的颜色名称,该颜色名称将不起作用。
-
RGB颜色:颜色可以使用红 - 绿 - 蓝(red - green - blue)模式的两种方式被定义:
以#为前缀的十六进制字符和函数(rgb()、rgba())标记表示。
- 十六进制符号:#RRGGBB[AA]。R(红)、G(绿)、B (蓝)和A (alpha)是十六进制字符(0–9、A–F)。A是可选的。比如,#ff0000等价于#ff0000ff。
- 十六进制符号:#RGB[A]。R(红)、G(绿)、B (蓝)和A (alpha)是十六进制字符(0–9、A–F)。A是可选的。三位数符号(#RGB)是六位数形式(#RRGGBB)的减缩版。 比如,#f09和#ff0099表示同一颜色。类似地,四位数符号(#RGBA)是八位数形式(#RRGGBBAA)的减缩版。 比如,#0f38和#00ff3388表示相同颜色。
- 函数表示: rgb[a](R, G, B[, A])。R(红)、G(绿)、B (蓝)可以是 number(数字),或者 percentage(百分比),255 相当于 100%。A(alpha)可以是0到1之间的数字,或者百分比,数字1相当于100%(完全不透明)。
- 函数表示:rgb[a](R G B[ / A])。 CSS 颜色级别 4 支持用空格分开的值。
-
HSL颜色:颜色也可以使用 hsl() 函数符被定义为色相 - 饱和度 - 亮度(Hue-saturation-lightness)模式。HSL 相比 RGB
的优点是更加直观:你可以估算你想要的颜色,然后微调。它也更易于创建相称的颜色集合。(通过保持相同的色相并改变亮度/暗度和饱和度)。
- 函数表示:hsl[a](H, S, L[, A])。
- 函数表示:hsl[a](H S L[ / A])。 CSS 颜色级别 4 支持用空格分开的值。
-
HSV颜色:HSV表示色相(Hue)、饱和度(Saturation) 和明度(Value)。
函数表示:hsv[a](H, S, V[, A])。 -
HWB颜色:HWB表示色相(Hue)、白色浓度(Whiteness) 和黑色浓度(Blackness)。
函数表示:hwb(H W B[ / A])。