Warna RGB CSS

Wert Warna RGB

Dalam CSS, warna dapat ditentukan sebagai nilai RGB menggunakan formula di bawah:

rgb(red, green, blue)

paramater setiap (red,green dan blue) menentukan kekuatan warna dari 0 hingga 255.

Contohnya, rgb(255, 0, 0) ditampilkan sebagai merah, karena merah diatur menjadi nilai maksimum (255), lainnya diatur menjadi 0.

Untuk menunjukkan hitam, atur semua parameter warna menjadi 0 seperti berikut: rgb(0, 0, 0).

Untuk menunjukkan putih, atur semua parameter warna menjadi 255 seperti berikut: rgb(255, 255, 255).

Silakan lakukan eksperimen dengan campuran nilai RGB berikut:

　

RED

255

GREEN

0

BLUE

0

Contoh

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

Cuba Sendiri

Biasanya digunakan nilai yang sama untuk seluruh 3 sumber cahaya untuk menentukan bayangan gelap:

Contoh

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

Cuba Sendiri

Wert Warna RGBA

Wert Warna RGBA adalah ekspansi warna RGB yang mempunyai laluan alpha - ia menentukan kecerahan warna.

Nilai Warna RGBA ditentukan seperti berikut:

rgba(red, green, blue, alpha)

alpha Parameter adalah nombor yang antara 0.0 (tebalus sepenuhnya) dan 1.0 (tidak tebalus sama sekali):

Silakan cuba gabungkan nilai RGBA berikut untuk pengujian:

　

RED

255

GREEN

0

BLUE

0

ALPHA

0

Contoh

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)

Cuba Sendiri