Pengertian Hue, Value, Saturation (HSV) dan HSL

Pengertian Hue Saturation Lightness Value

Hi, semuanya...
Pernahkan kalian mendengar tentang HSL dan HSV?
Keduanya adalah sebuah model warna, Jika kita berbicara tentang warna maka banyak sekali istilah-istilah yang harus dipelajari, seperti  HSL, HSV, Chroma, Shade, Tint, 

"APA ITU HSV??
 (HSV merupakan singkatan dari Hue, Saturation, dan Value,)

"APA ITU HSL??
(HSL adalah singkatan dari Hue, Saturation, dan Lightness)

    Keduanya merupakan sebuah model warna dari warna RGB dalam komputerisasi/layar untuk menggambarkan sebuah warna.


PENGERTIAN HSV 

  • HUE

    Hue merupakan sebuah istilah untuk menggambarkan nama dari warna yang ada.
Contoh dalam lingkaran warna yg terdiri dari warna primer, sekunder & tersier. warna-warna tersebut memiliki posisinya masing-masing dan biasanya kalian pasti sering melihat di software pengolah grafis, pada pallet warna yang tercampur yang terlihat seperti gradient itu terdiri dari berbagai warna yang tidak diketahui nama warna nya & itu disebut dengan HUE.

Jadi sederhananya Hue adalah Nama Warna, yang berguna untuk mengidentifikasi dari warna warna yang unik sehingga diketahui identitasnya untuk membedakan satu sama lain.
rentang warna Hue  dalam color wheel/lingkaran warna dari (0 derajat - 360 derajat) diawali dari merah.

Arti HUE - HSV/HSL



    Saturation adalah Intensitas warna atau sebuah kemurnian dari warna, Saturation itu sederhananya Kepekatan warna / lemah atau kuatnya sebuah warna.

Perbandingannya seperti ini, semakin tinggi intensitas dari warna (100%) maka warna akan terlihat cerah/terang, namun sebaliknya jika semakin rendah intensitas warna (0%) maka warna akan terlihat pudar.
Rentang Intensitas dari  warna dinyatakan dalam sebuah persen(%) yaitu (Grey) 0% - 100%. maka 100% artinya warna tersebut sangat Cerah/Full Saturation.

Contoh dibawah ini, warna merah terang sempurna itu artinya intensitas tinggi, namun bila intensitas rendah warna merah tersebut warnanya mulai pudar dan terlihat seperti abu-abu.

Color Saturation - HSL

  • VALUE

    Value adalah Nilai Warna untuk menentukan Kecerahan sebuah warna atau Gelap Terangnya sebuah warna.
Rentang angkanya dinyatakan dalam bentuk Persen(%), yaitu 0% - 100%.

Contoh dibawah ini, warna Abu-abu ini jadi jika di set ke-0% maka warna nya akan tampak hitam. Sedangkan bila di set ke-100% maka akan tampak kecerahan dari nilai maximum warna tersebut.

Value vs Lightness



Kenapa 100% itu tidak putih sempurna??
Jawabanya karena ini tentang HSV, namun akan berbeda hasil bila tentang HSL.

HSV dengan HSL itu Berbeda.

Dalam HSL, "L artinya Lightness/Luminance", dengan ini maka nilai warnanya bila pada 100% akan berwarna putih sempurna. kita lihat perbedaannya selengkapnya dibawah.

PERBEDAAN HSV DAN HSL

    HSV dan HSL adalah dua sistem alternatif yang umum digunakan untuk merepresentasikan  poin-poin dalam warna RGB. 

HSV (Hue, Saturation, Value) bisa disebut juga sebagai HSB (Hue, Saturation, Brightness) karena keduanya sama.
Kemudian HSL (Hue, Saturation, Lightness) kadang disebut juga HLS (Hue, Luminance, Saturation).
atau umumnya adalah HSI (Hue, Saturation, Intensity).

HSL vs HSV


Jadi perbedaan antara keduanya adalah pada Value dengan Lightness. 
yang artinya Lightness itu mempercerah setiap warna / Hue yang dipilih dari tingkat paling gelap (0%) yaitu Hitam hingga sampai ke tingkat yang paling terang (100%) yaitu Putih. 

sedangkan Value hanya mempercerah Hue dari posisi gelap, yaitu Hitam sampai ke titik maxsimal Hue /warna yang dipilih.

Semua ini mengatakan bahwa struktur HSV/HSB dapat berupa Ruang Warna HSL.
karena dalam HSL, Lightness nya mencakup keseluruhan mulai dari tingkat rendah yaitu Hitam dan melalui Rona/Hue yang dipilih kemudian ketingkat paling atas yaitu Putih (pada HSV, Value nya hanya setengahnya mulai dari Hitam menuju Warna yang dipilih).


Semoga Artikel ini bisa bermanfaat dan membantu bagi yang sedang belajar.
Terima kasih telah berkunjung ke blog ini.
sampai jumpa

Posting Komentar untuk "Pengertian Hue, Value, Saturation (HSV) dan HSL"