RIZKA RAMADHANIA A

Berpacu menjadi yang terbaik

Kategori

social networking

cursor

    Copyright: Blog Trik dan Tips - http://blogtrikdantips.blogspot.com/2012/05/membuat-efek-gelembung-pada-cursor.html#ixzz1zYOyaCaR Tolong sertakan link ini jika mengkopi artikel diatas. Terima kasih

twitter


Tugas HUBUNGAN RGB DAN HSL

diposting oleh rizka-r-a-fst09 pada 05 June 2012
di Umum - 7 komentar

Dalam model HSB terdapat tiga karakteristik utama pada  wama yaitu:

 

Hue adalah warna yang direfleksikan atau pun ditransmisikan sebuah objek. Nilainya diukur dari lokasi pada roda standar warna (Gambar 1), yang diekspresikan dengan nilai derajat sudut di antara 0° dan 360°. Dalam penggunaannya, hue mengidentifikasikan nama dari sebuah warna seperti merah, oranye(jingga), atau hijau.

          Saturation, sering dikenal dengan chroma, yaitu ukuran kekuatan atau kemurnian sebuah warna. Saturation merepresentasikan ukuran(kuantitas) dari prporsi keabuan pada hue, ukurannya dalam bentuk persentase dari 0% (gray) sampai dengan 100% (fully saturated). Pada roda standar warna, nilai saturation dari pusat roda (lingkaran) menuju tepian roda akan semakin bertambah.

Brightness adalah ukuran relative skala pencahayaan (lightness) atau kegelapan (darkness) dari sebuah warna, umumnya diukur sebagai nilai persentase dari  0% (black) sampai dengan 100% (white).

 

Konversi RGB ke HSL

Untuk menghitung lightness dan saturationdari nilai-nilai R, G, dan B, pertama harus mendefinisikan tiga parameter yaitu M, m, dan d. Perhitungannya adalah sebagai berikut:
M = max {R, G, B}

m = min {R, G, B}

d = (M - m) / 255

 

Lightness (L) suatu warna persamaannya adalah

L = [½ (M + m)] / 255 = (M + m) / 510


Sedangkan saturasi (S) rumusnya

S = d / [1 - | 2L-1 |] jika L> 0

S = 0 jika L = 0.

 

Langkah-langkah sudut untuk H dihitung dengan persamaan

H = cos-1 [(R - ½ G - ½ B) / √ R ² + G + B ² ² - RG - RB - GB] jika G ≥ B, atau

H = 360 - cos-1 [(R - ½ G - ½ B) / √ R ² + G + B ² ² - RG - RB - GB] jika B> G


dimana cos-1 adalah dalam derajat, tidak radian. Untuk warna netral putih, abu-abu, dan hitam, ukuran sudut didefinisikan sebagai 0 ° untuk kenyamanan dan konsistensi.

 

Konversi HSL ke RGB

Untuk merekonstruksi nilai-nilai RGB dari nilai-nilai HSL, pertama-tama harus menghitung d dan m dengan persamaan

d = S (1 - | 2L-1 |)

m = 255 (L - ½ d)


Kemudian mendefinisikan parameter lain (x) dengan persamaan

x = d [1 - | (H/60) mod_2 - 1 |]

 

dimana mod_2 berarti pembagian modulo 2. Misalnya, jika H = 213, maka (H/60) mod_2 = (3,55) =1,55 mod_2. Modulo 2 divisi mengembalikan sisa kuantitas saat Anda membaginya dengan 2.

Sekarang Anda dapat menemukan nilai-nilai R, G, dan B sesuai dengan rentang sudut H.

untuk 0 ≤ H <60, 

R = 255d + m
G = 255x + m
B = m.

Jika 60 ≤ H <120,

R = 255x + m
G = 255d + m
B = m.

Jika 120 ≤ H <180,

R = m
G = 255d + m
B = 255x + m.

Ketika 180 ≤ H <240,

R = m
G = 255x + m
B = 255d + m.

Ketika 240 ≤ H <300,

R = 255x + m
G = m
B = 255d + m.

Dan jika 300 ≤ H <360,

R = 255d + m
G = m
B = 255x + m

7 Komentar

Aldo Candra

pada : 10 June 2012


"Wah postingnya bagus, semoga berguna untuk khalayak publik. Dan semoga bisaber-blogging tanpa ada tugas!
SEMANGAT!"


Shinta Fitrianingtyas

pada : 10 June 2012


"Bahan blogging yang bagus, tapi tampilan nya masih kurang menarik untuk dibaca.
Semoga bisa diperbaiki dipercantik tampilannya, sehingga menarik pembaca untuk membaca hingga akhir blog anda.
SEMANGAT!"


royandawud

pada : 13 June 2012


"apa ada formula yang mentransform HSL ke warna sekunder langsung.. tidak hanya warna primer (RGB) aja..??? kalo ada sebutkan dan jelaskan.."


RIZKA RAMADHANIA A

pada : 15 June 2012


"@aldo terima kasih banyak,semoga saya bisa terus belajar

@shinta makasih ya mbak shinta, iya saya akan saya perbaiki semoga semakin membuat mbak sering2 mampir ke blog saya ^^"


RIZKA RAMADHANIA A

pada : 15 June 2012


"@royandawud setau saya bisa mas, bisa dengan beberapa metode, diantaranya adalah dengan color complement,color slicing, koreksi tone dan warna dan histogram precessing "


dian marta

pada : 17 June 2012


"warna ungu violet termasuk kategori rentang sudut yang mana ya?"


RIZKA RAMADHANIA A

pada : 17 June 2012


"@dian marta untuk ungu/ violet rentangnya antara 240-300"


Tinggalkan Komentar

Nama :
E-mail :
Web : tanpa http://
Komentar :
Verification Code :