![]() |
KODE RGBA |
properti-nama stand, untuk, coba tebak: alfa. Fitur baru ini memungkinkan kita untuk menentukan nilai opacity untuk warna. Yang satu ini bisa
membuat hidup untuk web developers jauh lebih mudah ...
ISTILAH : Halaman ini menunjukkan representasi desimal warna dari bentuk RGBA (R, G, B, a), dimana R, G, dan B adalah nilai-nilai desimal untuk nilai-nilai merah, hijau, dan biru warna pada rentang 0 sampai 255 dan a adalah opacity warna (a = 0 = transparan; a = 1 = buram). Pada Januari 2009, Mozilla dan Google Chrome browser menampilkan warna dengan metode definisi. Sebagai contoh, warna dengan nilai-nilai desimal 23 untuk merah, 67 untuk hijau, dan 88 untuk biru dan yang memiliki opacity dari 0,5 (semi-transparan) adalah RGBA (23,67,88,0.5). Ini hanya salah satu cara Anda dapat menentukan warna dalam HTML dan atribut di Cascading Style Sheets, Anda dapat menggunakan tabel referensi cepat untuk membantu Anda memilih dari antara tabel warna yang tersedia.
Daftar warna di bawah ini menunjukkan kode ini RBGA.
Color Name | rgb(R,G,B) | Swatch | rgba(R,G,B,a) Swatches | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
rgb(R,G,B) | a = 1.0 | a = 0.9 | a = 0.8 | a = 0.7 | a = 0.6 | a = 0.5 | a = 0.4 | a = 0.3 | a = 0.2 | a = 0.1 | a = 0.0 | ||
black | rgb(0,0,0) | text | text | text | text | text | text | text | text | text | text | text | text |
navy | rgb(0,0,128) | text | text | text | text | text | text | text | text | text | text | text | text |
blue | rgb(0,0,255) | text | text | text | text | text | text | text | text | text | text | text | text |
green | rgb(0,128,0) | text | text | text | text | text | text | text | text | text | text | text | text |
teal | rgb(0,128,128) | text | text | text | text | text | text | text | text | text | text | text | text |
lime | rgb(0,255,0) | text | text | text | text | text | text | text | text | text | text | text | text |
aqua | rgb(0,255,255) | text | text | text | text | text | text | text | text | text | text | text | text |
maroon | rgb(128,0,0) | text | text | text | text | text | text | text | text | text | text | text | text |
purple | rgb(128,0,128) | text | text | text | text | text | text | text | text | text | text | text | text |
olive | rgb(128,128,0) | text | text | text | text | text | text | text | text | text | text | text | text |
gray | rgb(128,128,128) | text | text | text | text | text | text | text | text | text | text | text | text |
silver | rgb(192,192,192) | text | text | text | text | text | text | text | text | text | text | text | text |
red | rgb(255,0,0) | text | text | text | text | text | text | text | text | text | text | text | text |
fuchsia | rgb(255,0,255) | text | text | text | text | text | text | text | text | text | text | text | text |
yellow | rgb(255,255,0) | text | text | text | text | text | text | text | text | text | text | text | text |
white | rgb(255,255,255) | text | text | text | text | text | text | text | text | text | text | text | text |
Cara penulisannya sebagai berikut :
Atau yang lebih Automatis pencarian warna dan style css3 Online bisa berkunjung kehalaman ini CSS 3.0 Maker.div { background: rgba(200, 54, 54, 0.5); }