Google Chrome DevtoolRGBAの問題

Oct 09 2020

私はここ数ヶ月同じ問題に取り組んできました。私は同じ問題をグーグルで検索しましたが、これまで誰もこの問題に対処したことがないと思います。

以前は、#FFFFFFなどの16進色の透明度を変更すると、Chrome devtoolsはRGBA(255,255,255,10%)のようなRGBAバージョンのオプションを提供していましたが、同じことを行うと、結果は10%の白色の透明度になりますise rgb(255 255 255/10%)

ご覧のとおり、RGBAはなくなり、devtoolonşyはrgbタイプの奇妙なバージョンを示しています。

以前に同じ問題を出した人はいますか?そして、あなたはそれを修正する方法を知っていますか?

回答

1 MathiasBynens Oct 19 2020 at 17:14

これは、DevToolsの意図的な変更でした。カンマベースの構文は、仕様で現在「レガシー構文」と呼ばれているものです。

見る https://twitter.com/mathias/status/1253242715304857601:

💡ソースコードで、コンマを使用した古いrgb()/ hsl()CSSカラー構文の使用を停止します。

最新のすべてのブラウザでサポートされている、最新のコンマフリーのCSSカラー構文に慣れてください。

どうして?など、今後の新機能lab()、lch()および、color()同じ構文を使用します(コンマでは動作しません)。

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

[…]レガシーの理由から、rgba()と同じ文法と動作を持つ関数も存在しrgb()ます。

Abouasy Dec 22 2020 at 18:38

オープンクロームデベロッパー>>オープンカラーピッカー+シフト