HEX ke RGBA

Bandingkan HEX dengan RGBA

Dalam kebanyakan kasus, dimungkinkan untuk mengenali warna dengan kode hex, hanya dengan mempertimbangkan digit pertama dari pasangan. Pada contoh di bawah ini, terlihat jelas bahwa warna tersebut bercampur dengan banyak warna merah, sedikit biru, dan tidak ada hijau sama sekali. Memahami warna dengan kode hex memungkinkan perancang web untuk menavigasi kode halaman lebih cepat, dan selain itu, Anda selalu dapat mengesankan kolega atau klien dengan mengatakan Ah, betapa indahnya warna merah anggur. Anda juga dapat dengan mudah mengubah kecerahan, corak, atau saturasi warna hanya dengan mengedit kode heksadesimalnya. Pada contoh pertama di bawah, salah satu pasangan diubah dalam langkah 10%, sementara kecerahan warna meningkat. Pada contoh kedua, kecerahan meningkat, tetapi saturasinya turun:

RGBA adalah versi RGB yang diperluas, tetapi dengan dukungan tambahan untuk saluran alfa, yang bertanggung jawab atas transparansi isian warna. Untuk model warna ini, empat koefisien sudah ditunjukkan, yang terakhir adalah angka pecahan dalam kisaran dari 0, di mana 0 adalah transparansi penuh hingga 1, yang akan sesuai dengan warna buram sepenuhnya. Sistem RGBA menambahkan angka lain yang menjelaskan transparansi warna, nilainya dapat berkisar dari 0 (benar-benar transparan) hingga 1 (benar-benar buram). Nilai 0,5 membuat warna menjadi semi-transparan, pertimbangkan versi ungu tua semi-transparan, yang ditentukan menggunakan sistem RGBA: color: rgba (204, 51, 255, 0,5). Anda dapat melihat bahwa nilai merah, hijau, dan biru mirip dengan sistem RGB. Angka keempat - 0,5 adalah tingkat transparansi. Warna RGBA berguna untuk membuat elemen tembus cahaya yang membuat elemen di bawahnya terlihat.