Sistem kodefikasi gambar

 Model warna

Untuk memahami hakikat sesuatu, akan sangat membantu jika kita membuat representasi visual dari subjek tersebut. Faktanya, manusia cenderung melakukan hal ini cukup sering, mulai dari mencoret-coret catatan dalam kuliah, hingga menggambar diagram dan peta untuk menjelaskan kumpulan data tertentu. Kita melakukan ini karena banyak dari kita adalah pembelajar visual, dan melihat sesuatu berbeda dengan mendengarnya. Sepanjang sejarah, seniman dan ilmuwan telah menggambarkan spektrum warna dalam berbagai model yang berbeda, dengan tujuan mengubah konsep abstrak spektrum warna menjadi sesuatu yang dapat dipahami.

Model warna adalah visualisasi yang menggambarkan spektrum warna sebagai model multidimensi. Sebagian besar model warna modern memiliki 3 dimensi (seperti RGB), dan karenanya dapat digambarkan sebagai bentuk 3D, sementara model lain memiliki lebih banyak dimensi (seperti CMYK). Berikut ini, kita akan melihat model warna RGB, HSV, dan HSL, yang semuanya lazim dalam alat desain digital dan bahasa pemrograman saat ini. Semua model warna ini menggunakan warna primer RGB yang sama, yang menjadikannya contoh yang baik tentang bagaimana model warna dapat memvisualisasikan spektrum warna yang sama dalam dimensi yang sangat berbeda.

RGB adalah model warna dengan tiga dimensi – merah, hijau, dan biru – yang dicampur untuk menghasilkan warna tertentu. Saat menentukan warna dalam dimensi ini, seseorang harus mengetahui urutan warna dalam spektrum warna, misalnya campuran 100% merah dan hijau menghasilkan kuning. Model warna RGB sering digambarkan sebagai kubus dengan memetakan dimensi merah, hijau, dan biru ke sumbu x, y, dan z dalam ruang 3D. Hal ini diilustrasikan dalam contoh interaktif di bawah ini, di mana semua kemungkinan campuran warna direpresentasikan dalam batas kubus.

Model warna RGB bukanlah model yang sangat intuitif untuk menciptakan warna dalam kode. Meskipun Anda mungkin dapat menebak kombinasi nilai yang digunakan untuk beberapa warna seperti kuning (jumlah merah dan hijau yang sama) atau warna merah yang digunakan pada botol Coca-Cola (banyak merah dengan sedikit biru), warna yang kurang murni jauh lebih sulit ditebak dalam model warna ini. Nilai apa yang akan Anda gunakan untuk ungu tua? Bagaimana dengan menemukan warna komplementer untuk cyan? Jika Anda tidak dapat menemukan jawabannya, itu karena manusia tidak menganggap warna sebagai campuran cahaya merah, hijau, dan biru.

HSV adalah model warna silinder yang memetakan ulang warna primer RGB ke dalam dimensi yang lebih mudah dipahami manusia. Seperti Sistem Warna Munsell, dimensi ini adalah rona, saturasi, dan nilai.

Hue menentukan sudut warna pada lingkaran warna RGB. Hue 0° menghasilkan warna merah, 120° menghasilkan warna hijau, dan 240° menghasilkan warna biru.

Saturasi mengontrol jumlah warna yang digunakan. Warna dengan saturasi 100% akan menjadi warna paling murni yang mungkin, sedangkan saturasi 0% menghasilkan skala abu-abu.

Nilai mengontrol kecerahan warna. Warna dengan kecerahan 0% adalah hitam murni sedangkan warna dengan kecerahan 100% tidak memiliki warna hitam yang tercampur dalam warnanya. Karena dimensi ini sering disebut sebagai kecerahan, model warna HSV terkadang disebut HSB, termasuk dalam P5.js.

Penting untuk dicatat bahwa tiga dimensi model warna HSV saling bergantung. Jika dimensi nilai warna ditetapkan ke 0%, jumlah rona dan saturasi tidak menjadi masalah karena warnanya akan hitam. Demikian pula, jika saturasi warna ditetapkan ke 0%, rona tidak menjadi masalah karena tidak ada warna yang digunakan. Karena dimensi rona berbentuk lingkaran, model warna HSV paling baik digambarkan sebagai silinder. Hal ini diilustrasikan dalam contoh interaktif di bawah ini, di mana semua kemungkinan campuran warna direpresentasikan dalam batas-batas silinder.

HSL adalah model warna silinder lain yang berbagi dua dimensi dengan HSV, sekaligus mengganti dimensi nilai dengan dimensi kecerahan.

Hue menentukan sudut warna pada lingkaran warna RGB, persis seperti HSV.

Saturasi mengendalikan kemurnian warna, persis seperti HSV.

Kecerahan mengontrol luminositas warna. Dimensi ini berbeda dari dimensi nilai HSV karena warna paling murni diposisikan di tengah-tengah antara ujung hitam dan putih skala. Warna dengan kecerahan 0% adalah hitam, 50% adalah warna paling murni yang mungkin, dan 100% adalah putih.

Meskipun dimensi saturasi secara teoritis serupa antara kedua model warna (yang mengendalikan seberapa banyak warna murni yang digunakan), skala saturasi yang dihasilkan berbeda antara kedua model yang disebabkan oleh pemetaan ulang kecerahan ke kecerahan. Seperti HSV, model warna HSL paling baik digambarkan sebagai silinder, yang diilustrasikan dalam contoh interaktif di bawah ini.

Contoh model warna

Dalam merepresentasikan warna dalam suatu gambar digital, model-model warna digunakan untuk menggambarkan warna dalam bentuk angka. Pada umumnya, suatu warna direpresentasikan sebagai kombinasi dari beberapa warna primer yang memiliki intensitas yang beragam. Setiap model warna menggunakan cara yang berbeda dalam merepresentasikan warna. Selain itu, warna primer yang digunakan untuk merepresentasikan suatu warna jugalah berbeda sesuai dengan masing-masing model warna. Model-model warna yang umumya digunakan adalah model warna RGB, CMYK, HSB, dan CIE - XYZ.

Model Warna RGB (Red, Green, Blue)

Model Warna CMYK (Cyan, Magenta, Yellow, Black)

Model Warna HSB (Hue, Saturation, Brightness)

Model Warna CIE - XYZ

Referensi