Problema de RGBA do Google Chrome Devtool

Question

Tenho lidado com o mesmo problema nos últimos meses. Pesquisei o mesmo problema, mas acho que ninguém o abordou antes.

anteriormente, quando eu mudo a transparência de cor hexadecimal, por exemplo #FFFFFF, o Chrome devtools estava me dando a opção de versão RGBA como RGBA (255,255,255,10%), mas agora quando eu faço a mesma coisa, o resultado é para 10% de transparência de cor branca ise rgb (255 255 255/10%)

Como você pode ver, o RGBA acabou e o devtool apenas mostra a versão estranha do tipo rgb.

Alguém emitiu o mesmo problema antes? E você sabe como consertar isso?

Answer 1

Esta foi uma mudança intencional no DevTools . A sintaxe baseada em vírgula é o que a especificação agora chama de “sintaxe legada”.

Vejo https://twitter.com/mathias/status/1253242715304857601:

💡 No código-fonte, pare de usar a sintaxe de cores antiga rgb()/ hsl()CSS com vírgulas.

Acostume-se com a sintaxe de cores CSS moderna e sem vírgulas, compatível com todos os navegadores modernos.

Por quê? Os próximos recursos novos, como lab(), lch()e color()usam a mesma sintaxe (e não funcionam com vírgulas).

Spec: https://drafts.csswg.org/css-color/#rgb-functions

[...] por razões de legado, rgba()também existe uma função, com uma gramática e comportamento idênticos a rgb().

Answer 2

open chrome developer >> open color picker + shift