Fungsi rgb() CSS

definisi dan penggunaan

CSS rgb() fungsi menggunakan model warna merah-hijau-merah (RGB). Juga boleh ditambahkan saluran kelembapan yang boleh diwakili kelembapan warna.

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

contoh, nilai rgb(0 0 255) dipaparkan warna biru, kerana parameter biru diatur ke nilai maksimum (255), sementara parameter lain diatur ke 0.

Perhatian:rgba() Fungsi adalah rgb() Panggilan alias fungsi. Dianjurkan untuk menggunakan rgb() Fungsi.

Contoh

Definikan warna RGB(A) yang berbeda:

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

Coba sendiri

Sintaks CSS

Sintaks nilai absolut

rgb(R G B / A)
Nilai Deskripsi
R

Wajib. Menentukan kekuatan merah, boleh adalah bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

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

Wajib. Menentukan kekuatan hijau, boleh adalah bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

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

Wajib. Menentukan kekuatan biru, boleh adalah bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

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

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

Juga boleh digunakan none (menunjukkan kanal kepadatan tak ada). Nilai lalai adalah 100%.

Sintaks nilai relatif

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

Dimulai dengan kata kunci from, diikuti nilai warna yang mewakili warna asal.

Ini adalah warna asal yang berdasarkan warna warna relatif.
R

Wajib. Menentukan kekuatan merah, boleh adalah bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

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

Wajib. Menentukan kekuatan hijau, boleh adalah bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

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

Wajib. Menentukan kekuatan biru, boleh adalah bilangan bulat antara 0 hingga 255 atau persen antara 0% hingga 100%.

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

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

Juga boleh digunakan none (menunjukkan kanal kepadatan tak ada). Nilai lalai adalah 100%.

Detil teknikal

Versi: CSS2

Perebutan perebutan

Angka di dalam tabel menunjukkan versi perebutan penuh fungsi ini oleh perebutan paling awal.

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