Warna RGB CSS

Nilai warna RGB mewakili sumber cahaya MERAH, HIJAU, dan BIRU.

Nilai RGB

Di CSS, warna dapat ditentukan sebagai nilai RGB, menggunakan rumus ini:

rgb ( merah, hijau , biru )

Setiap parameter (merah, hijau, dan biru) mendefinisikan intensitas warna antara 0 dan 255.

Misalnya, rgb(255, 0, 0) ditampilkan sebagai merah, karena merah diatur ke nilai tertinggi (255) dan yang lainnya diatur ke 0.

Untuk menampilkan hitam, atur semua parameter warna ke 0, seperti ini: rgb(0, 0, 0).

Untuk menampilkan putih, setel semua parameter warna ke 255, seperti ini: rgb(255, 255, 255).

Percobaan dengan mencampur nilai RGB di bawah ini:

rgb(255, 99, 71)

MERAH

255

HIJAU

BIRU

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Nuansa abu-abu sering didefinisikan menggunakan nilai yang sama untuk ketiga sumber cahaya:

rgb(60, 60, 60)
rgb(90, 90, 90)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(210, 210, 210)
rgb(240, 240, 240)

Nilai warna RGBA adalah perpanjangan dari nilai warna RGB dengan saluran alfa - yang menentukan opasitas untuk warna.

Nilai warna RGBA ditentukan dengan:

rgba ( merah, hijau , biru, alfa )

Parameter alpha adalah angka antara 0.0 (sepenuhnya transparan) dan 1.0 (tidak transparan sama sekali):

Percobaan dengan mencampur nilai RGBA di bawah ini:

rgba (255, 99, 71, 0,5)

MERAH

255

HIJAU

BIRU

ALFA

0,5

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)