HSL ke RGBA

Bandingkan HSL dengan RGBA

HSL, HLS atau HSI (dari bahasa Inggris hue, saturation, lightness (intensitas)) adalah model warna yang koordinat warnanya adalah hue, saturation dan lightness. Perlu dicatat bahwa HSV dan HSL adalah dua model warna yang berbeda (kecerahan, yang berbeda dari kecerahan). Model warna HSL memungkinkan Anda menafsirkan model RGB dasar dalam proyeksi sistem koordinat warna silinder. Colorists percaya bahwa HSL memungkinkan Anda menentukan warna dengan cara yang lebih mudah dibaca manusia daripada model RGB pada umumnya. Singkatan HSL diartikan sebagai Hue (color / hue), Saturation (saturation), Lightness / Luminance (luminance, jangan disamakan dengan kecerahan). Faktor pertama (Corak) menunjukkan koordinat warna di dalam roda warna (dari 0 hingga 360 derajat). Koefisien kedua (Saturasi) menunjukkan nilai saturasi sebagai persentase (dari 0% hingga 100%). Faktor terakhir (Lightness) menunjukkan persentase kecerahan (dari 0% hingga 100%).

RGBA adalah singkatan dari Red Green Blue Alpha. Meskipun terkadang disebut sebagai ruang warna, ini sebenarnya adalah model warna RGB tiga saluran, ditambah dengan saluran alfa keempat. Alpha menentukan seberapa buram setiap piksel, dan memungkinkan Anda untuk menggabungkan gambar dengan yang lain menggunakan pencampuran alfa, dengan daerah transparan dan menghaluskan tepi daerah buram. Format RGBA mirip dalam sintaks dengan RGB, tetapi menyertakan saluran alfa yang mengontrol transparansi elemen. Nilai 0 menunjukkan transparansi penuh, 1 untuk opasitas, dan nilai antara seperti 0,5 untuk semi-transparansi. RGBA telah ditambahkan di CSS3, jadi validasi kode CSS harus dilakukan menggunakan versi ini. Perlu dicatat bahwa standar CSS3 masih dalam pengembangan dan beberapa fitur di dalamnya dapat berubah. Misalnya, warna RGB yang ditambahkan ke properti background-color divalidasi, tetapi warna yang ditambahkan ke properti background tidak lagi. Pada saat yang sama, browser memahami warna kedua properti dengan cukup tepat.