Belajar Warna HSL pada CSS


Pada kesempatan ini, kita akan Belajar Warna pada CSS. Khususnya, kali ini kita akan belajar mengenai warna HSL pada CSS.

Bagi kalian yang belum membaca atau belajar mengenai materi CSS sebelumnya, kalian bisa membaca nya terlebih dahulu.


Banyak cara dalam penentuan atau pemberian warna pada CSS. Salah satu nya yaitu HSL yang mana akan kita bahas dan pelajari pada artikel ini.

Apa itu HSL?

HSL merupakan sebuah singkatan dari Hue, Saturation, dan Lightness yang mana merupakan perpaduan atau kombinasi dari ketiga komponen / nilai tersebut.

Hue adalah penamaan pada penentuan warna, yang mana di mulai dari angka 0 hingga 360. Contoh nya, angka 0 memberikan warna merah, 120 memberikan warna hijau, 240 berwarna biru.

Saturation adalah nilai atau angka dari persentase warna. Yang mana dimulai dari 0% ( warna abu-abu ) sampai 100% ( warna sesungguhnya / warna paling terang ).

Lightness adalah persentase warna juga seperti Saturation tadi. Contoh nya, 0% ( hitam ), 50% ( tidak gelap / tidak terang ), 100% ( warna putih ).

Lebih jelasnya kalian dapat melihat contoh nya di bawah ini.






Jika kalian tidak hafal dengan semua nilai-nilai nya atau kombinasi nya, kalian dapat menggunakan bantuan Tools online.

Atau kalian juga bisa mencoba menggabungkan atau mengkombinasikan sendiri nilai-nilainya. Agar kalian mengerti dan kenal lebih jauh lagi tentang Warna HSL ini.

Mungkin cukup sekian pembelajaran kita mengenai Belajar Warna HSL Pada CSS. Terima kasih dan sampai jumpa.

Silahkan Bertanya atau Beri Tanggapannya, Terima Kasih

Posting Komentar

Silahkan Bertanya atau Beri Tanggapannya, Terima Kasih

Post a Comment (0)

Lebih baru Lebih lama

ads

ads