CSS RGB Renkleri

RGB değerleri

CSS'te, renkleri RGB değerleri olarak belirlemek için aşağıdaki formül kullanılabilir:

rgb(red, green, blue)

her parametre (red,green ve blue) 0 ile 255 arasındaki renk yoğunluğunu tanımlar.

Örneğin, rgb(255, 0, 0) kırmızı olarak gösterilir çünkü kırmızı maksimum değere (255) ayarlanmış, diğerleri 0 olarak ayarlanmıştır.

Siyahı göstermek için tüm renk parametrelerini 0 olarak ayarlayın, aşağıdaki gibi: rgb(0, 0, 0).

Beyazı göstermek için tüm renk parametrelerini 255 olarak ayarlayın, aşağıdaki gibi: rgb(255, 255, 255).

Aşağıdaki RGB değerlerini karıştırarak deneyimleyin:

　

RED

255

GREEN

0

BLUE

0

Örnek

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

Kişisel olarak deneyin

Genellikle tüm 3 ışık kaynağı için eşit değerler kullanarak gri gölgeleri tanımlamak için:

Örnek

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

Kişisel olarak deneyin

RGBA değerleri

RGBA renk değeri, alpha kanalı olan RGB renk değerlerinin genişletilmiş formudur - rengin şeffaflığını belirtir.

RGBA renk değerleri şu şekilde belirlenir:

rgba(red, green, blue, alpha)

alpha Parametreler 0.0 (tamamen şeffaf) ve 1.0 (tamamen mat) arasında sayılardır:

Aşağıdaki RGBA değerlerini karıştırarak deneyin:

　

RED

255

GREEN

0

BLUE

0

ALPHA

0

Örnek

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)

Kişisel olarak deneyin