• 文库
  • 字符
  • 转换
  • 加密
  • 网络
  • 更多
    图表
    数学
    坐标
    图片
    文件
  • 文库
    字符
    转换
    加密
    网络
    更多
    图表
    数学
    坐标
    图片
    文件
logo 在线工具大全
3 评论 收藏 复制链接 分享

CSS颜色转换


示例输入:
预览 格式 结果
名称
HEX
HEX8
RGB
RGB%
HSL
HSV
HWB
CSS颜色转换-工具简介

在线CSS颜色转换工具,支持rgb,hex,hsl,hsv,hwb等格式的颜色互相转换。

CSS颜色转换-使用说明
  1. 请输入或者选择一个颜色值。输入支持颜色名称,HEX颜色,HEX8颜色,RGB颜色,RGBA颜色,HSL颜色,HSLA颜色,HSV颜色,HSVA颜色和HWB颜色。
  2. 如果输入的颜色值没有对应的颜色名称,则颜色名称结果为None。
  3. CSS不支持hsvhsva颜色,本工具仅作为转换结果展示。
  4. 和颜色有关的CSS属性:colorbackground-colorborder-coloroutline-colortext-decoration-colortext-emphasis-colortext-shadowcaret-colorcolumn-rule-colorprint-color-adjust等。
  5. CSS颜色值简介:
    1. 颜色名称:颜色名称是不区分大小写的标识符,表示一个具体的颜色。比如redblackwhitetransparent(表示完全透明的颜色)。 颜色名称未定义透明度。如果使用未知的颜色名称,该颜色名称将不起作用。
    2. 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 支持用空格分开的值。
    3. HSL颜色:颜色也可以使用 hsl() 函数符被定义为色相 - 饱和度 - 亮度(Hue-saturation-lightness)模式。HSL 相比 RGB 的优点是更加直观:你可以估算你想要的颜色,然后微调。它也更易于创建相称的颜色集合。(通过保持相同的色相并改变亮度/暗度和饱和度)。
      • 函数表示:hsl[a](H, S, L[, A])
      • 函数表示:hsl[a](H S L[ / A])。 CSS 颜色级别 4 支持用空格分开的值。
    4. HSV颜色:HSV表示色相(Hue)、饱和度(Saturation) 和明度(Value)。
      函数表示:hsv[a](H, S, V[, A])
    5. HWB颜色:HWB表示色相(Hue)、白色浓度(Whiteness) 和黑色浓度(Blackness)。
      函数表示:hwb(H W B[ / A])