Pemilih dan Konverter Warna

Model Warna

Model warna adalah sistem untuk menggambarkan warna sebagai angka. Model yang berbeda digunakan dalam konteks yang berbeda tergantung pada apakah outputnya adalah layar, printer, atau spesifikasi desain.

RGB / RGBA

Format

RGB mendefinisikan warna dengan mencampurkan cahaya merah, hijau, dan biru. Setiap saluran berkisar dari 0 hingga 255. rgb(255, 0, 0) adalah merah murni. rgb(255, 255, 255) adalah putih. Saluran A (alpha) menambahkan transparansi, berkisar dari 0 (sepenuhnya transparan) hingga 1 (sepenuhnya buram). Misalnya, rgba(255, 0, 0, 0.5) adalah merah semi-transparan. RGB adalah model warna asli untuk layar dan tampilan digital.

Sejarah

Model RGB berakar pada teori penglihatan warna trikromatik Young-Helmholtz dari abad ke-19. James Clerk Maxwell melakukan eksperimen fotografi warna RGB pertama pada tahun 1861. RGB menjadi standar untuk tampilan elektronik dengan pengembangan televisi CRT berwarna pada tahun 1930-an dan 1940-an, dan kemudian diadopsi untuk monitor komputer. Ruang warna sRGB secara resmi diadopsi sebagai standar web dalam HTML 3.2 pada Januari 1997.

HEX / HEXA

Format

HEX adalah notasi ringkas untuk nilai RGB menggunakan heksadesimal. #FF0000 sama dengan rgb(255, 0, 0). Setiap pasangan digit hex merepresentasikan satu saluran: #RRGGBB. Bentuk 8 digit #RRGGBBAA menambahkan saluran alpha, di mana 00 sepenuhnya transparan dan FF sepenuhnya buram. Misalnya, #FF000080 adalah merah pada 50% opasitas. Bentuk singkat seperti #F00 diperluas menjadi #FF0000.

Sejarah

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

HSL / HSLA

Format

HSL menggambarkan warna sebagai rona, saturasi, dan kecerahan. Rona adalah derajat pada roda warna (0-360): 0 adalah merah, 120 adalah hijau, 240 adalah biru. Saturasi (0-100%) mengontrol intensitas warna. Kecerahan (0-100%) mengontrol terang, di mana 0% adalah hitam dan 100% adalah putih. HSL sering lebih intuitif daripada RGB untuk memilih warna karena Anda dapat mengatur kecerahan dan saturasi secara independen.

Sejarah

HSL pertama kali dijelaskan oleh George H. Joblove dan Donald Greenberg dalam makalah tahun 1978 di Computer Graphics. Ini diciptakan untuk memecahkan masalah mendasar dengan RGB: mencampur nilai merah, hijau, dan biru tidak intuitif bagi manusia. HSL menata ulang ruang warna RGB sehingga seniman dan desainer dapat berpikir dalam hal warna (rona), kecerahan (saturasi), dan terang, yang lebih sesuai dengan cara orang menggambarkan warna secara alami.

HSV / HSB

Format

HSV (rona, saturasi, nilai) mirip dengan HSL tetapi menggunakan "nilai" (kecerahan) alih-alih lightness. Pada nilai 100%, warna yang sepenuhnya tersaturasi adalah murni dan cerah. HSV lebih cocok secara alami dengan cara kerja pemilih warna: panel saturasi/kecerahan mengatur S dan V sementara slider rona mengatur H.

Sejarah

HSV dijelaskan oleh Alvy Ray Smith pada Agustus 1978 saat bekerja di Lab Grafik Komputer Institut Teknologi New York. Ini diterbitkan dalam edisi yang sama Computer Graphics seperti HSL. Smith merancang HSV untuk digunakan dalam program lukis digital awal, di mana seniman membutuhkan cara intuitif untuk memilih warna di layar. Model silinder HSV membuatnya alami untuk diimplementasikan sebagai pemilih warna dengan slider rona dan panel saturasi/kecerahan.

CMYK

Format

CMYK (sian, magenta, kuning, hitam) digunakan dalam pencetakan. Sementara RGB bersifat aditif (cahaya), CMYK bersifat subtraktif (tinta). Setiap nilai merepresentasikan persentase tinta yang diaplikasikan. cmyk(0, 100, 100, 0) menghasilkan merah. Konversi antara RGB dan CMYK bersifat perkiraan karena keduanya mencakup rentang warna (gamut) yang berbeda.

Sejarah

Dasar CMYK bermula dari Jacob Christoph Le Blon, yang menemukan pencetakan warna halftone menggunakan pelat tembaga terpisah sekitar tahun 1710. Ia awalnya menggunakan pelat merah, kuning, dan biru, dan kemudian menambahkan pelat hitam untuk garis dan teks yang lebih tajam. Proses empat warna CMYK modern pertama kali diimplementasikan pada tahun 1890-an untuk ilustrasi koran berwarna. Pelat hitam disebut pelat "key" karena membawa detail halus yang pelat lainnya diselaraskan (keyed) terhadapnya.

Format Warna CSS

CSS modern mendukung 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 secara total)