Problème de Google Chrome Devtool RGBA

Question

J'ai été confronté au même problème ces deux derniers mois. J'ai recherché le même problème sur Google, mais je suppose que personne n'a encore résolu ce problème.

auparavant, lorsque je change la transparence de la couleur hexadécimale, par exemple #FFFFFF, les outils de développement Chrome me donnaient l'option de la version RGBA comme RGBA (255,255,255,10%) mais maintenant, lorsque je fais la même chose, le résultat est une transparence de couleur blanche de 10% ise rgb (255255255/10%)

Comme vous pouvez le voir, le RGBA est maintenant parti et le devtool ne montre que l'étrange version du type rgb.

Quelqu'un a-t-il déjà émis le même problème? Et savez-vous comment y remédier?

Answer 1

C'était un changement intentionnel dans DevTools . La syntaxe basée sur des virgules est ce que la spécification appelle maintenant la «syntaxe héritée».

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

💡 Dans le code source, arrêtez d'utiliser l'ancienne syntaxe de couleur rgb()/ hsl()CSS avec des virgules.

Habituez-vous à la syntaxe de couleur CSS moderne sans virgule, prise en charge dans tous les navigateurs modernes.

Pourquoi? Les nouvelles fonctionnalités à venir telles que lab(), lch()et color()utilisent la même syntaxe (et ne fonctionnent pas avec des virgules).

Spéc.: https://drafts.csswg.org/css-color/#rgb-functions

[…] Pour des raisons d'héritage, une rgba()fonction existe également, avec une grammaire et un comportement identiques à rgb().

Answer 2

ouvrir le développeur chrome >> ouvrir le sélecteur de couleurs + décalage