【问题标题】:Css colors (#999 for example) - Why just three digits? [duplicate]Css 颜色(例如#999) - 为什么只有三位数字? [复制]
【发布时间】:2012-11-02 00:30:43
【问题描述】:

可能重复:
3 digit Hex color code
Using 3-digit color codes rather than 6-digit color codes in CSS

我的颜色具有以下 RGB 值:

255-223-145

我看到很多页面的颜色只有三位数字,例如:

color: #999;

我想知道为什么,以及如何将这些 rgb 值转换为三位数颜色。

谢谢

【问题讨论】:

  • RGB 转十六进制 - javascripter.net/faq/rgbtohex.htm
  • Windows标配的计算器可以在十进制十六进制之间转换。查看 > 程序员:当您想查看/输入十进制数字时将其设置为Dec,当您想查看/输入十六进制数字时将其设置为Hex

标签: css


【解决方案1】:

它不是三位数的颜色,#999 只是 #999999 的简写,所以除非您的数字像 #223322 (#232) 那样重复,否则您无法将其减少。

问题有两个位,要将十六进制转换为 rgb,请使用在线工具thisthis

【讨论】:

    【解决方案2】:

    #999#999999 的简写,#ABC#AABBCC 的简写。如果您不需要完整的六个十六进制数字,可以缩短 CSS 颜色。

    你的十六进制颜色是#FFDF91。最接近的三位颜色是#FD8 (#FFDD88)。很接近,但并不完全相同。

    【讨论】:

      【解决方案3】:

      如果你有两个相同的数字,你可以很快写

      FF -> F
      99 -> 9
      

      所以 #999 = #999999 和 #FFF = #FFFFFF

      【讨论】:

        猜你喜欢
        • 2019-11-11
        • 2014-07-06
        • 2014-10-04
        • 2021-03-17
        • 1970-01-01
        • 1970-01-01
        • 2021-04-22
        • 2018-05-30
        • 2020-06-13
        相关资源
        最近更新 更多