Pengunaan Nilai HSLA Pada CSS3

Halo semuanya kita akan lanjutkan membahas mengenai CSS3 yakni cara kita menentukan warna. Pada bagian sebelumnya kita sudah memberikan warna serta transparansinya dengan teknik rgba. Sebenarnya masih ada satu lagi yang teman teman dapat gunakan yang fungsinya sama yaitu untuk memberikan warna serta transparansinya tapi menggunakan nilai yang berbeda yakni hsla() jadi perbedaannya rgb ini terdiri dari Red Green Blue yang dimana dapat menentukan kadar merah, hijau dan birunya mau berapa sedangkan untuk hsla() yang terdiri dari Hue, Saturation dan Lightness. Sebagai contoh untuk dapat menggunakannya saya gunakan bantuan photoshop sebagai berikut

jadi Hue ini adalah mengatur roda warnanya ketika teman teman ganti nilai hue-nya maka akan merubah warnanya. Lalu S untuk saturation yang nilainya bisa kita kasih 0 sampai 100%. 100% disini artinya warnanya akan murni dari hue yang dipilih dan ketika saya kurangin nilainya maka warnanya akan bergerak kearah putih sedangkan Lightness semakin besar nilainya warnanya semakin terang dan jika nilainya kecil maka semakin gelap hasilnya. Saya akan coba berikan nilai hsla() pada elemenya bentuk penulisannya seperti berikut

maka hasil yang didapatkan akan ada warna dan transparansinya disana. Oke mungkin cukup sekian untuk artikel kali ini. Selamat mencoba.

15 Oktober 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat