Fungsi rgb() CSS

definisi dan penggunaan

CSS rgb() fungsi menggunakan model warna merah-hijau-merah (RGB). Juga dapat menambahkan jalur kekerasan transparensi (menunjukkan kekerasan warna).

Nilai warna RGB dispecifikasikan melalui rgb(merah hijau biru) Tentukan. Setiap parameter menentukan intensitas warna, dapat berupa bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

Contoh, nilai rgb(0 0 255) muncul biru, karena parameter biru diatur ke nilai maksimal (255), sementara parameter lain diatur ke 0.

Perhatian:rgba() Fungsi adalah rgb() Pengganti fungsi. Disarankan untuk menggunakan rgb() Fungsi.

Contoh

Definisi warna RGB(A) yang berbeda:

#p1 {background-color:rgb(255 0 0);} /* Merah */
#p2 {background-color:rgb(0 255 0);} /* Hijau */
#p3 {background-color:rgb(0 0 255);} /* Biru */
#p4 {background-color:rgb(192 192 192);} /* Abu-abu */
#p5 {background-color:rgb(255 255 0);} /* Kuning */
#p6 {background-color:rgb(255 0 255);} /* Merah Jambu */
#p7 {background-color:rgb(255 0 255 / 0.2);} /* Merah Jambu dengan kepadatan transparan */
#p8 {background-color:rgb(0 0 255 / 50%);} /* Biru dengan kepadatan transparan */

Coba sendiri

CSS Syntax

Tata bahasa nilai absolut

rgb(R G B / A)
Nilai Deskripsi
R

Diperlukan. Menentukan kekuatan merah, dapat berupa bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

Juga dapat digunakan none (setara dengan 0%).
G

Diperlukan. Menentukan kekuatan hijau, dapat berupa bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

Juga dapat digunakan none (setara dengan 0%).
B

Diperlukan. Menentukan kekuatan biru, dapat berupa bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

Juga dapat digunakan none (setara dengan 0%).
/ A

Pilihan. Menunjukkan nilai jalur kepadatan warna, 0% (atau 0) menunjukkan transparan penuh, 100% (atau 1) menunjukkan tak transparan penuh.

Juga dapat digunakan none (mewakili jalur kepadatan tak terlihat). Nilai standar adalah 100%.

Tata bahasa nilai relatif

rgb(from color R G B / A)
Nilai Deskripsi
from color

Dengan kata kunci from diawal, diikuti nilai warna yang mewakili warna asli.

Ini adalah warna asli yang berdasarkan warna yang relatif.
R

Diperlukan. Menentukan kekuatan merah, dapat berupa bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

Juga dapat digunakan none (setara dengan 0%).
G

Diperlukan. Menentukan kekuatan hijau, dapat berupa bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

Juga dapat digunakan none (setara dengan 0%).
B

Diperlukan. Menentukan kekuatan biru, dapat berupa bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

Juga dapat digunakan none (setara dengan 0%).
/ A

Pilihan. Menunjukkan nilai jalur kepadatan warna, 0% (atau 0) menunjukkan transparan penuh, 100% (atau 1) menunjukkan tak transparan penuh.

Juga dapat digunakan none (mewakili jalur kepadatan tak terlihat). Nilai standar adalah 100%.

Detil teknis

Versi: CSS2

Dukungan browser

Angka di tabel menunjukkan versi browser yang sepenuhnya mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
rgb()
1 4 1 1 3.5
rgb() dengan parameter kepadatan
65 79 52 12.1 52
Parameter yang dipisahkan ruang
65 79 52 12.1 52