Dalam CSS 3, mengutip dari spesifikasi, "tidak ada notasi heksadesimal untuk nilai RGBA" (lihat spesifikasi CSS Level 3 ). Sebagai gantinya Anda dapat menggunakan notasi fungsional rgba () dengan desimal atau persentase, misalnya rgba (255, 0, 0, 0.5) akan menjadi merah transparan 50%. Saluran RGB 0-255 atau 0% -100%, alpha 0-1.
Di CSS 4 *, Anda dapat menentukan saluran alfa menggunakan karakter ke-7 dan ke-8 dari warna hex 8 digit, atau karakter ke-4 dari warna hex 4 digit (lihat spesifikasi CSS Level 4 *)
Mulai Mei 2019,> 80% pengguna diharapkan memahami format #RGBA
Firefox telah mendukung sintaks ini sejak Firefox 49 ( bug Mozilla 567283 ).
Safari telah mendukung sintaks ini sejak Safari 10.
Chrome telah mendukung sintaks ini sejak Chrome 62. Untuk versi sebelumnya, Anda dapat mengaktifkan fitur web eksperimental untuk menggunakan sintaks ini. Lihat Masalah Chromium 618472 dan bug Webkit 150853 .
Aplikasi Android yang menargetkan Android P atau yang lebih baru dapat menggunakan sintaks ini
Opera mendukung sintaks ini di Opera 52 (atau Opera 39 saat fitur web eksperimental diaktifkan).
IE 11 dan EdgeHTML 18 (Edge 44) tidak mendukung sintaks ini. Versi Edge berbasis Chromium akan mendukung sintaks ini.
Tidak, tidak, kecuali Anda mengaktifkan fitur web eksperimental, karena itu menyebabkan masalah pada Android. Lihat jawaban saya di atas untuk detail dukungan browser.
thelem
3
Anda dapat mencoba memasukkan warna hex ke dalam pemilih warna GIMP atau toko foto untuk mendapatkan nilai RGB dan kemudian menggunakan nilai alpha. misalnya. merah adalah #FF0000atau rgb(255,0,0) jika Anda ingin merah dengan nilai alpha 0,5 lalu rgba(255,0,0,.5).
Mungkin tidak persis seperti yang Anda inginkan tetapi mudah-mudahan bisa membantu.
Ini ditolak, yang tampaknya agak kasar. Itu tidak menjawab pertanyaan yang diajukan, tetapi pertanyaan itu tidak menjelaskan mengapa mereka ingin tahu. Jika mereka hanya ingin menggunakan warna RGBA di CSS, maka jawaban ini benar.
:-PJawaban:
Dalam CSS 3, mengutip dari spesifikasi, "tidak ada notasi heksadesimal untuk nilai RGBA" (lihat spesifikasi CSS Level 3 ). Sebagai gantinya Anda dapat menggunakan notasi fungsional rgba () dengan desimal atau persentase, misalnya rgba (255, 0, 0, 0.5) akan menjadi merah transparan 50%. Saluran RGB 0-255 atau 0% -100%, alpha 0-1.
Di CSS 4 *, Anda dapat menentukan saluran alfa menggunakan karakter ke-7 dan ke-8 dari warna hex 8 digit, atau karakter ke-4 dari warna hex 4 digit (lihat spesifikasi CSS Level 4 *)
Mulai Mei 2019,> 80% pengguna diharapkan memahami format #RGBA
Informasi dukungan browser terbaru tersedia di CanIUse.com
* Secara teknis masih dalam bentuk draf, tetapi mengingat dukungan browser, hal ini tidak mungkin diubah.
sumber
Sepertinya tidak ada format hex alpha: http://www.w3.org/TR/css3-color/
Bagaimanapun, jika Anda menggunakan praprosesor CSS seperti SASS maka Anda dapat mengirimkan hex ke
rgba: background:Dan preprocessor hanya mengubah kode hex menjadi rgb secara otomatis.
sumber
Saya tidak yakin apakah ada standar resmi-
RGBA adalah representasi yang saya lihat untuk Web Macromedia dan yang lainnya menggunakan ARGB
Saya percaya bahwa RGBA adalah representasi yang lebih umum.
Jika membantu, ini dari W3 untuk CSS3
http://www.w3.org/TR/css3-color/#rgba-color
EDIT (Patrick): kutipan dari link W3 di atas
sumber
Chrome 52+ mendukung alpha hex:
Untuk browser lama, Anda harus menggunakan:
sumber
Anda dapat mencoba memasukkan warna hex ke dalam pemilih warna GIMP atau toko foto untuk mendapatkan nilai RGB dan kemudian menggunakan nilai alpha. misalnya. merah adalah
#FF0000ataurgb(255,0,0) jika Anda ingin merah dengan nilai alpha 0,5 lalurgba(255,0,0,.5).Mungkin tidak persis seperti yang Anda inginkan tetapi mudah-mudahan bisa membantu.
sumber