Pemilih dan Penukar Warna

Model Warna

Model warna ialah sistem untuk menghuraikan warna sebagai nombor. Model yang berbeza digunakan dalam konteks yang berbeza bergantung pada sama ada output ialah skrin, pencetak, atau spesifikasi reka bentuk.

RGB / RGBA

Format

RGB mentakrifkan warna dengan mencampurkan cahaya merah, hijau, dan biru. Setiap saluran berjulat dari 0 hingga 255. rgb(255, 0, 0) ialah merah tulen. rgb(255, 255, 255) ialah putih. Saluran A (alpha) menambah ketelusan, berjulat dari 0 (telus sepenuhnya) hingga 1 (legap sepenuhnya). Sebagai contoh, rgba(255, 0, 0, 0.5) ialah merah separa telus. RGB ialah model warna asli untuk skrin dan paparan digital.

Sejarah

Model RGB berakar pada teori penglihatan warna trikromatik Young-Helmholtz dari abad ke-19. James Clerk Maxwell menjalankan eksperimen fotografi warna RGB pertama pada tahun 1861. RGB menjadi standard untuk paparan elektronik dengan pembangunan televisyen CRT berwarna pada tahun 1930-an dan 1940-an, dan kemudiannya diterima pakai untuk monitor komputer. Ruang warna sRGB secara rasmi diterima pakai sebagai standard web dalam HTML 3.2 pada Januari 1997.

HEX / HEXA

Format

HEX ialah notasi ringkas untuk nilai RGB menggunakan perenambelasan. #FF0000 adalah sama dengan rgb(255, 0, 0). Setiap pasangan digit hex mewakili satu saluran: #RRGGBB. Bentuk 8 digit #RRGGBBAA menambah saluran alpha, di mana 00 adalah telus sepenuhnya dan FF legap sepenuhnya. Sebagai contoh, #FF000080 ialah merah pada 50% kelegapan. Bentuk ringkas seperti #F00 dikembangkan kepada #FF0000.

Sejarah

Notasi warna hex berasal daripada pelayar web awal pada pertengahan 1990-an. Versi pertama Mosaic dan Netscape Navigator mewarisi sistem nama warna X11. CSS Level 1, diterbitkan pada Disember 1996 oleh Hakon Wium Lie dan Bert Bos, secara rasmi menstandardkan triplet hex sebagai cara utama untuk menentukan warna di web.

HSL / HSLA

Format

HSL menghuraikan warna sebagai rona, ketepuan, dan kecerahan. Rona ialah darjah pada roda warna (0-360): 0 ialah merah, 120 ialah hijau, 240 ialah biru. Ketepuan (0-100%) mengawal keamatan warna. Kecerahan (0-100%) mengawal kecerahan, di mana 0% ialah hitam dan 100% ialah putih. HSL sering lebih intuitif daripada RGB untuk memilih warna kerana anda boleh melaraskan kecerahan dan ketepuan secara bebas.

Sejarah

HSL pertama kali dihuraikan oleh George H. Joblove dan Donald Greenberg dalam kertas kerja 1978 dalam Computer Graphics. Ia dicipta untuk menyelesaikan masalah asas dengan RGB: mencampurkan nilai merah, hijau, dan biru adalah tidak intuitif bagi manusia. HSL menyusun semula ruang warna RGB supaya artis dan pereka boleh berfikir dari segi warna (rona), keceriaan (ketepuan), dan kecerahan, yang lebih hampir kepada cara orang menghuraikan warna secara semula jadi.

HSV / HSB

Format

HSV (rona, ketepuan, nilai) adalah serupa dengan HSL tetapi menggunakan "nilai" (kecerahan) sebagai ganti kecerahan. Pada nilai 100%, warna tepu sepenuhnya adalah tulen dan cerah. HSV lebih sepadan secara semula jadi dengan cara pemilih warna berfungsi: panel ketepuan/kecerahan melaraskan S dan V manakala peluncur rona melaraskan H.

Sejarah

HSV dihuraikan oleh Alvy Ray Smith pada Ogos 1978 semasa bekerja di Makmal Grafik Komputer Institut Teknologi New York. Ia diterbitkan dalam keluaran yang sama Computer Graphics seperti HSL. Smith mereka bentuk HSV untuk digunakan dalam program lukisan digital awal, di mana artis memerlukan cara intuitif untuk memilih warna pada skrin. Model silinder HSV menjadikannya semula jadi untuk dilaksanakan sebagai pemilih warna dengan peluncur rona dan panel ketepuan/kecerahan.

CMYK

Format

CMYK (sian, magenta, kuning, hitam) digunakan dalam cetakan. Manakala RGB adalah aditif (cahaya), CMYK adalah subtraktif (dakwat). Setiap nilai mewakili peratusan dakwat yang digunakan. cmyk(0, 100, 100, 0) menghasilkan merah. Penukaran antara RGB dan CMYK adalah anggaran kerana ia meliputi julat warna (gamut) yang berbeza.

Sejarah

Asas CMYK bermula dari Jacob Christoph Le Blon, yang mencipta cetakan warna halftone menggunakan plat tembaga berasingan sekitar tahun 1710. Beliau pada mulanya menggunakan plat merah, kuning, dan biru, dan kemudiannya menambah plat hitam untuk garisan dan teks yang lebih tajam. Proses empat warna CMYK moden pertama kali dilaksanakan pada tahun 1890-an untuk ilustrasi akhbar berwarna. Plat hitam dipanggil plat "key" kerana ia membawa butiran halus yang plat lain dijajarkan (keyed) kepadanya.

Format Warna CSS

CSS moden menyokong beberapa notasi warna:

• #FF5733 atau #ff5733 (HEX)
• rgb(255, 87, 51) atau rgba(255, 87, 51, 0.5)
• hsl(14, 100%, 60%) atau hsla(14, 100%, 60%, 0.5)
• Warna bernama: red, cornflowerblue, rebeccapurple (148 warna bernama kesemuanya)