CSS | Rgba Kullanımı

Merhaba arkadaşlar.
Css'de rgba nasıl kullanılıyor? Ben biraz baktım ama olayı tam kavrayamadım. Hangi rakam neyi temsil ediyor aldığı en fazla ve en az aldığı değerler nedir çözemedim. Bir örnek üzerinden açıklayarak anlatır mısınız?

RGB, CSS3 ile gelen renk tanımlarından birisidir. Kendisine verilen değerler aşağıdaki gibi özetlenebilir.

rgba(red, green, blue, alpha_opacity);

RGB, değerleri sayısal değerler olup minimum 0 maksimum ise 255 değerlerini alabilir. CSS3 ile birlikte gelen RGBA renk tanımında ise yeni bir daha parametre eklenmiştir.  Bu yeni parametre, rengin saydamlık değeri olarak tanımlanabilir. 0 ile 1 arası değer alabilir. Aşağıdaki örneklerde konuyu daha iyi anlayabilirsin.

.siyah {
   background: rgba(0, 0, 0, 1);
}
.yariSiyah {
   /* Siyah rengini 50% oranında saydamlaştırır. */
   background: rgba(0, 0, 0, 0.5);
}
.beyaz {
   background: rgba(255, 255, 255, 1);
}
.yariBeyaz {
   /* Beyaz rengini 50% oranında saydamlaştırır. */
   background: rgba(255, 255, 255, 0.5);

   /* Dördüncü parametre .5 olarak da yazılabilir. */
}

 

Teşekkür ederim. Css gradient'in kullanımı ne şekilde oluyor?

Fatih Hayrioğlu'nun CSS Renk Geçişleri (Gradients) isimli makalesinden faydalanabilirsin.

Teşekkür ederim.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git