首頁 >web前端 >css教學 >CSS 中 RGBA 顏色有簡潔的十六進位表示法嗎?

CSS 中 RGBA 顏色有簡潔的十六進位表示法嗎?

Susan Sarandon
Susan Sarandon原創
2024-12-07 19:05:15323瀏覽

Is There a Concise Hexadecimal Notation for RGBA Colors in CSS?

CSS 十六進位RGBA 表示法

問題: 目前,CSS 支援使用十進位值的RGBA 顏色表示法(例如rgba( 255, 0, 0 , 0.5))。有沒有更簡潔的方法來以十六進制指定部分透明顏色?

答案:

預計 CSS 顏色模組等級 4(目前處於草案形式)引入對 4 位元和 8 位元十六進位 RGBA 表示法的支援。

如何實現工作

8 位數字表示法:

  • 前6 位數字代表紅色、綠色和藍色通道的十六進制值。
  • 最後2 位數字代表Alpha 通道,00 表示完全透明,FF 表示完全透明

4 位數字表示法:

  • 第一位數字代表紅色通道。
  • 接下來的三位數字代表綠色、藍色和Alpha 通道,

範例

使用8 位數字表示法,以下十六進位顏色表示略透明的藍色:

這相當於以下內容RGBA表示法:

瀏覽器支援

在撰寫本文時(2015 年初),沒有瀏覽器支援 #RRGGBBAA 顏色表示法。但是,您可以使用以下後備技術立即開始使用它:

以上是CSS 中 RGBA 顏色有簡潔的十六進位表示法嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn