Kod Warna RGB

Apa Itu RGB?

RGB ialah sistem warna additive yang menggabungkan tiga cahaya. Merah (Red), Hijau (Green), dan Biru (Blue). untuk menghasilkan jutaan warna. Setiap saluran mempunyai julat 0 hingga 255. Gabungan ketiga-tiga saluran pada pelbagai intensiti menghasilkan lebih 16.7 juta warna yang berbeza.

RGB dipanggil "additive" kerana ia bermula dari gelap (hitam) dan menambah cahaya. Apabila ketiga-tiga saluran berada pada 0, hasilnya hitam (tiada cahaya). Apabila ketiga-tiga pada 255, hasilnya putih (semua cahaya). Ini bertentangan dengan CMYK yang bermula dari putih dan menambah dakwat.

Cara RGB Berfungsi

Setiap piksel pada skrin telefon atau monitor anda terdiri daripada tiga lampu kecil: merah, hijau, dan biru. Dengan mengawal kecerahan setiap lampu dari 0 (padam) hingga 255 (paling terang), skrin boleh menghasilkan mana-mana warna.

Formatnya ditulis sebagai rgb(R, G, B). Contoh: rgb(255, 0, 0) bermaksud merah pada maksimum, hijau padam, biru padam. menghasilkan merah tulen. rgb(0, 128, 0) menghasilkan hijau sederhana.

Pencampuran warna dalam RGB mungkin mengejutkan jika anda biasa dengan cat. Merah + hijau dalam cat menghasilkan warna keruh, tetapi dalam RGB ia menghasilkan kuning. Ini kerana RGB mencampur cahaya, bukan pigmen. Prinsip ini sama seperti yang diajar dalam warna primer model RGB.

Contoh Nilai RGB untuk Warna Popular

• rgb(255, 0, 0). Merah
• rgb(0, 0, 255). Biru
• rgb(255, 255, 0). Kuning
• rgb(0, 128, 0). Hijau
• rgb(128, 0, 128). Ungu
• rgb(255, 165, 0). Oren
• rgb(255, 192, 203). Pink
• rgb(230, 230, 250). Lavender

Perhatikan coraknya: semakin tinggi nilai, semakin cerah warna. Apabila semua tiga nilai sama (contoh: rgb(128, 128, 128)), hasilnya ialah kelabu. Ini membuktikan RGB dan hex sebenarnya mewakili maklumat yang sama, cuma formatnya berbeza.

RGBA: RGB dengan Ketelusan

RGB mempunyai versi lanjutan yang dipanggil RGBA, di mana A merujuk kepada Alpha (ketelusan). Formatnya: rgba(R, G, B, A). Nilai alpha ialah antara 0 (sepenuhnya lutsinar) dan 1 (sepenuhnya legap).

Contoh: rgba(255, 0, 0, 0.5) menghasilkan merah dengan 50% ketelusan. RGBA sangat berguna dalam reka bentuk web untuk mencipta lapisan warna, bayangan, dan kesan overlay. Ia lebih intuitif daripada hex 8 digit untuk menetapkan ketelusan.

Dalam pembangunan web moden, RGB dan RGBA kekal sebagai salah satu format yang paling kerap digunakan bersama hex. Namun, untuk manipulasi warna yang lebih intuitif, ramai designer beralih kepada HSL.

Soalan Lazim