CSS rgb() fonksiyonu

tanımlama ve kullanım

CSS'nin rgb() fonksiyonu ile renk belirlenir. Ayrıca, rengin şeffaflığını ifade eden bir seçmeli şeffaflık kanalı eklenebilir.

RGB renk değerleri, kırmızı-yeşil-mavi (RGB) renk modeli kullanılarak rgb(kırmızı yeşil mavi) tanımlanmıştır. Her parametre, rengin yoğunluğunu belirler ve 0 ila 255 arasında bir tam sayı veya 0% ila 100% arasında bir yüzdelik değer olabilir.

örneğin, rgb(0 0 255) değeri mavi olarak görüntülenir, çünkü mavi parametresi maksimum değer olarak (255) ayarlanmıştır ve diğer parametreler 0 olarak ayarlanmıştır.

Dikkat:}rgba() Fonksiyon: rgb() Fonksiyonun adı. rgb() Fonksiyon.

Örnek

Farklı RGB(A) renkleri tanımlayın:

#p1 {background-color:rgb(255 0 0);} /* Kırmızı */
#p2 {background-color:rgb(0 255 0);} /* Yeşil */
#p3 {background-color:rgb(0 0 255);} /* Mavi */
#p4 {background-color:rgb(192 192 192);} /* Gri */
#p5 {background-color:rgb(255 255 0);} /* Sarı */
#p6 {background-color:rgb(255 0 255);} /* Kiraz rengi */
#p7 {background-color:rgb(255 0 255 / 0.2);} /* Şeffaflıkla kiraz rengi */
#p8 {background-color:rgb(0 0 255 / 50%);} /* Şeffaflıkla mavi */

Kişisel olarak deneyin

CSS dilimi

Absolu değer dilimi

rgb(R G B / A)
Değer Açıklama
R

Gerekli. Kırmızı yoğunluğunu tanımlar, 0 ila 255 arasındaki tam sayı veya 0% ila 100% arasındaki yüzdeliktir.

Ayrıca none (0% eşdeğeridir) kullanılabilir.
G

Gerekli. Yeşil yoğunluğunu tanımlar, 0 ila 255 arasındaki tam sayı veya 0% ila 100% arasındaki yüzdeliktir.

Ayrıca none (0% eşdeğeridir) kullanılabilir.
B

Gerekli. Mavi yoğunluğunu tanımlar, 0 ila 255 arasındaki tam sayı veya 0% ila 100% arasındaki yüzdeliktir.

Ayrıca none (0% eşdeğeridir) kullanılabilir.
/ A

Opsiyonel. Renkinin şeffaflık kanalı değerini belirtir, %0 (veya 0) tamamen şeffaftır, %100 (veya 1) tamamen şeffaf olmamaktadır.

Ayrıca none (şeffaflık kanalı olmaksızın) kullanılabilir.Varsayılan değer %100'dür.

Nispi değer dilimi

rgb(from color R G B / A)
Değer Açıklama
from color

Kelime 'from' ile başlar ve ardından temel rengi gösteren renk değeri gelir.

Bu, nispi rengin temel aldığı temel renktir.
R

Gerekli. Kırmızı yoğunluğunu tanımlar, 0 ila 255 arasındaki tam sayı veya 0% ila 100% arasındaki yüzdeliktir.

Ayrıca none (0% eşdeğeridir) kullanılabilir.
G

Gerekli. Yeşil yoğunluğunu tanımlar, 0 ila 255 arasındaki tam sayı veya 0% ila 100% arasındaki yüzdeliktir.

Ayrıca none (0% eşdeğeridir) kullanılabilir.
B

Gerekli. Mavi yoğunluğunu tanımlar, 0 ila 255 arasındaki tam sayı veya 0% ila 100% arasındaki yüzdeliktir.

Ayrıca none (0% eşdeğeridir) kullanılabilir.
/ A

Opsiyonel. Renkinin şeffaflık kanalı değerini belirtir, %0 (veya 0) tamamen şeffaftır, %100 (veya 1) tamamen şeffaf olmamaktadır.

Ayrıca none (şeffaflık kanalı olmaksızın) kullanılabilir.Varsayılan değer %100'dür.

Teknik ayrıntılar

Sürüm: CSS2

Tarayıcı desteği

Tablo içindeki rakamlar, bu fonksiyonu tamamen destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
rgb()
1 4 1 1 3.5
Şeffaflık parametresi ile rgb()
65 79 52 12.1 52
Boşlukla Ayrılmış Parametreler
65 79 52 12.1 52