Problema con Google Chrome Devtool RGBA

Question

Ho affrontato lo stesso problema negli ultimi due mesi. Ho cercato su Google lo stesso problema, ma immagino che nessuno abbia affrontato questo problema prima.

in precedenza, quando cambio la trasparenza del colore esadecimale, ad esempio #FFFFFF, Chrome devtools mi dava l'opzione della versione RGBA come RGBA (255,255,255,10%) ma ora quando faccio la stessa cosa il risultato è per il 10% di trasparenza del colore bianco ise rgb (255255255/10%)

Come puoi vedere l'RGBA ora è sparito e devtool mostra solo la strana versione del tipo rgb.

Qualcuno ha emesso lo stesso problema prima? E sai come risolverlo?

Answer 1

Questo è stato un cambiamento intenzionale in DevTools . La sintassi basata su virgole è ciò che la specifica ora chiama "sintassi legacy".

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

💡 Nel codice sorgente, smetti di usare la vecchia sintassi dei colori rgb()/ hsl()CSS con virgole.

Abituati alla moderna sintassi dei colori CSS senza virgole, supportata in tutti i browser moderni.

Perché? Nuove funzionalità imminenti come lab(), lch()e color()utilizzano la stessa sintassi (e non funzionano con le virgole).

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

[…] Per motivi legacy, rgba()esiste anche una funzione, con una grammatica e un comportamento identici a rgb().

Answer 2

apri lo sviluppatore chrome >> apri il selettore di colori + maiusc