penulisan model warna CMYK , RGB dan HSL

Penulisan mengenai model warna CMYK , RGB DAN HIS

Penulisan Warna dalam Model Warna CMYK
Sebuah warna dalam model warna CMYK dituliskan dalam beberapa bentuk, seperti:
CMYK(c,m,y,k) atau Cc Mm Yy Kk, dimana c,m,y,k masing-masing memiliki domai 0 ~ 100, seperti Schoolbus yellow = CMYK(0,15,95,0) atau C0 M15 Y100 K0 artinya warna Schoolbus Yellow mempunyai komposisi dalam model warna CMYK sebagai berikut: tinta Magenta 15% ditambah/ditumpuk dengan tinta Yellow 95%.

Perkembangan separasi terakhir simbol c dan m dengan huruf kecil juga dipakai untuk menyebutkan Warna Light Cyan dan Light Magenta. (Jadi mohon dibedakan antara Nama warna dan Nilai komponen warna)

Warna Primer, Sekunder dan Tersier (definisi yang perlu dikaji ulang, mengingat hitam / black tidak mempunyai fungsi mengubah nilai jenis warna...)
Warna Primer dalam model warna CMYK adalah semua warna yang komposisi hanya terdiri dari 1 macam warna, seperti CMYK (100,0,0,0) atau CMYK (0,50,0,0) atau CMYK (0,0,0,20).
Warna Sekunder dalam model warna CMYK adalah semua warna yang komposisinya menggunakan campuran 2 (dua) macam tinta proses, seperti CMYK (100,70,0,0), CMYK (0,100,100,0).
Sedangkan Warna Tersier dalam model warna CMYK adalah semua warna yang komposisinya terdiri dari 3 (tiga) macam) warna proses.


Dalam salah satu halaman di situs December Communication Inc. terdapat contoh dan nama warna-warna dalam model warna CMYK, seperti: gainsboro, tomato, cat eye, cool mint etc.

Color Steps
Color Steps adalah kotak-kotak yang disusun sedemikian rupa dan digunakan untuk mengontrol warna pada saat mencetak, biasanya kotak-kotak dengan komposisi 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% untuk masing-masing warna primer dan sekunder (lihat gambar).
Namun kadang kala tidak berurutan dan mencantumkan komposisi (terutama pada) warna primer untuk 1%, 2%, 3%, 4%, 5% serta 95%, 96%,97%, 98% dan 99%. Kotak-kotak seperti ini digunakan khusus untuk mengontrol kemampuan mencetak titik raster dari proses cetak tertentu.
Komposisi 100% disebut Warna Solid.

Model Warna RGB

Model warna RGB adalah model warna berdasarkan konsep penambahan kuat cahaya primer yaitu Red, Green dan Blue.
Dalam suatu ruang yang sama sekali tidak ada cahaya, maka ruangan tersebut adalah gelap total. Tidak ada signal gelombang cahaya yang diserap oleh mata kita atau RGB (0,0,0). Apabila kita menambahkan cahaya merah pada ruangan tersebut, maka ruangan akan berubah warna menjadi merah misalnya RGB (255,0,0), semua benda dalam ruangan tersebut hanya dapat terlihat berwarna merah. Demikian apabila cahaya kita ganti dengan hijau atau biru.

Apabila kita melanjutkan percobaan memberikan 2 macam cahaya primer dalam ruangan tersebut seperti (merah dan hijau), atau (merah dan biru) atau (hijau dan biru), maka ruangan akan berubah warna masing-masing menjadi kuning, atau magenta atau cyan. Warna-warna yang dibentuk oleh kombinasi dua macam cahaya tersebut disebut warna sekunder.

Lihatlah kombinasi warna RGB di bawah ini:



Warna Tersier adalah warna yang hanya dapat terlihat apabila ada tiga cahaya primer, jadi apabila kita non-aktifkan salah satu cahaya, maka benda tersebut berubah warna. Contoh warna tersier seperti abu-abu, putih.

Pada perhitungan dalam program-program komputer model warna direpresentasi dengan nilai komponennya, seperti dalam RGB (r, g, b) masing-masing nilai antara 0 hingga 255 sesuai dengan urusan masing-masing yaitu pertama Red, kedua Green dan ketigha adalah nilai Blue dengan demikian masing-masing komponen ada 256 tingkat. Apabila dikombinasikan maka ada 256 x 256 x 256 atau 16.777.216 kombinasi warna RGB yang dapat dibentuk.
















Dalam mendesign web warna RGB kerapkali direpresentasikan dengan Hex Triplet atau kombinasi 2 pasang bilangan hexadecimal, seperti #FF5D25 artinya Red = FF atau 15*16 + 15 = 255, Green = 5D atau 5*16 + 13 = 93 dan Blue = 25 atau 2*16 + 5 = 37. Jadi RGB (255,93,37)

Color	Hexadecimal	Color	Hexadecimal	Color	Hexadecimal	Color	Hexadecimal
aqua	#00FFFF	green	#008000	navy	#000080	silver	#C0C0C0
black	#000000	gray	#808080	olive	#808000	teal	#008080
blue	#0000FF	lime	#00FF00	purple	#800080	white	#FFFFFF
fuchsia	#FF00FF	maroon	#800000	red	#FF0000	yellow	#FFFF00

Konsep Model Warna RGB kita jumpai di peralatan seperti:
- Televisi
- Camera Foto
- Pemindai Warna

Diskusi iseng: Apa yang lucu apabila ruang diskotek dibuat terang benderang atau permainan lampu air mancur Monas diadakan pada siang hari....

Pengertian Kode Warna HSL

Kode warna HSL adalah singkatan dari Hue, Saturation, dan Lightness (atau sering ditulis juga dengan Luminance). Kode warna HSL merupakan cara lain untuk “membuat” warna dalam CSS. Jika anda telah terbiasa menggunakan kode warna RGB, kode warna HSL mungkin agak sedikit membingungkan.

Sebagai contoh, untuk membuat warna merah, dalam HSL kita menulisnya menjadi:

color: hsl(0, 100%, 50%);

Untuk menulis kode HSL, kita membutuhkan 3 nilai:

Nilai pertama yakni Hue merupakan derajat warna dengan nilai 0 sampai 360. Nilai ini didapat dari lingkaran warna (color wheel) yang tersusun dari warna pelangi, dimulai dari merah, jingga, kuning, hijau, biru, nila, ungu (me-ji-ku-hi-bi-ni-u). Sehingga nilai Hue 0 (atau 360 ,karena itu sudah 1 putaran) menghasilkan warna merah. Merujuk kepada color wheel, warna kuning akan berada sekitar angka 50, orange di angka 100, hijau di sekitar 150, dan seterusnya. Setiap warna berada dalam jarak sekitar 51 derajat.

Nilai kedua dari kode warna HSL adalah Saturation. Saturation menyatakan seberapa “murni” sebuah warna. Nilai dari Saturation adalah persen dari 0% sampai dengan 100%, dimana nilai 0% akan membuat warna menjadi pudar dan menghasilkan warna abu-abu (terlepas dari apapun warna Hue yang dipilih). Dan nilai Saturation 100% adalah warna murni.

Nilai ketiga dari HSL adalah Lightness atau kecerahan dari warna. Sama seperti Saturation, nilai Lightness berada dalam angka 0% sampai dengan 100%. Nilai 0% akan membuat warna apapun menjadi hitam, dan nilai 100% akan membuat warna apapun menjadi putih. Untuk mendapatkan warna ‘normal’ angkanya berada di nilai 50%.

Kode warna HSL ditujukan untuk membuat kode warna yang lebih jelas dan intuitif. Namun jika anda sudah terbiasa menggunakan kode warna RBG, tidak masalah jika tidak menggunakan kode HSL sama sekali. Juga dengan menggunakan aplikasi seperti Photoshop atau plugin web browser, pemilihan warna dan notasi RBG dan HSL nya akan lebih mudah digunakan.