Google Chrome Devtool RGBA-Problem

Question

Ich habe mich in den letzten Monaten mit demselben Problem befasst. Ich habe das gleiche Problem gegoogelt, aber ich denke, niemand hat dieses Problem zuvor angesprochen.

Früher, als ich die Hex-Farbtransparenz änderte, zum Beispiel #FFFFFF, gaben mir die Chrome-Devtools die Option einer RGBA-Version wie RGBA (255,255,255,10%), aber jetzt, wenn ich das Gleiche tue, ist das Ergebnis eine 10% ige Weißfarbtransparenz ise rgb (255 255 255/10%)

Wie Sie sehen können, ist die RGBA jetzt weg und das Devtool zeigt nur die seltsame Version des RGB-Typs.

Hat jemand das gleiche Problem schon einmal ausgegeben? Und wissen Sie, wie man es behebt?

Answer 1

Dies war eine absichtliche Änderung in DevTools . Die kommabasierte Syntax wird in der Spezifikation jetzt als "Legacy-Syntax" bezeichnet.

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

💡 Verwenden Sie im Quellcode nicht mehr die alte rgb()/ hsl()CSS-Farbsyntax mit Kommas.

Gewöhnen Sie sich an die moderne kommafreie CSS-Farbsyntax, die in allen modernen Browsern unterstützt wird.

Warum? Die nächsten neue Features wie lab(), lch()und color()verwenden die gleiche Syntax (und nicht Arbeit mit Komma).

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

[…] Aus alten Gründen existiert auch eine rgba()Funktion mit identischer Grammatik und identischem Verhalten wie rgb().

Answer 2

Open Chrome Developer >> Open Color Picker + Shift