V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
ahu
V2EX  ›  CSS

有关 Chrome 开发工具对颜色表示方法的替代

  •  
  •   ahu ·
    ahu · 2021-09-26 11:06:13 +08:00 · 1056 次点击
    这是一个创建于 914 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我们都知道,标准的 css 语法中:

    • rgb() 是 3 个参数:rgb(red, green, blue) 代表标准颜色(不含透明度的)
    • rgba() 是 4 个参数:rgba(red, green, blue, alpha) 代表含透明度的颜色
    • #ffffff 或 #fff 是标准的 HEX 颜色值

    但我刚发现,在 Chrome 开发工具里竟然支持这样的语法:

    • rgb(red, green, blue / alpha) 代表含透明度的颜色,例如:rgb(255,0,0 / 25%) 直接把 rgba() 给替代了
    • #ffffffxx 代表含透明度的颜色,例如:#aabbcc55 直接把 rgb() 与 rgba() 这种相对麻烦的写法都替代了

    网上竟然搜不到相关介绍(主要是我不知道咋搜-_-!)

    谁来分享一下?


    好家伙,脸打的啪啪的( ̄ε(# ̄)☆╰╮( ̄▽ ̄///)

    https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb()

    Note: CSS Colors Level 4 made some changes to rgb(). In browsers that support the standard rgba() is an alias for rgb(), they accept the same parameters and behave the same way.

    The Level 4 specification also allows for space-separated in addition to comma-separated values.

    的确是新的语法升级

    2 条回复    2021-09-26 11:23:52 +08:00
    HeyWeGo
        1
    HeyWeGo  
       2021-09-26 11:15:35 +08:00
    之前对接 flutter 开发的时候发现他们写布局的时候是 #ffffffXX 这种写法。其中 XX 是十六进制表示不透明度的

    zhihu.com/question/359420387/answer/927170739
    ahu
        2
    ahu  
    OP
       2021-09-26 11:23:52 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2933 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 48ms · UTC 15:10 · PVG 23:10 · LAX 08:10 · JFK 11:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.