Renkler, önceden tanımlanmış renk adları veya RGB, HEX, HSL, RGBA, HSLA değerleri kullanılarak belirtilir.
CSS Renk Adları
CSS’de, önceden tanımlanmış bir renk adı kullanılarak bir renk belirtilebilir:
CSS Arka Plan Rengi
HTML öğeleri için arka plan rengini ayarlayabilirsiniz:
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>CSS Metin Rengi
Metnin rengini şu şekilde ayarlayabilirsiniz:
Hello World
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Örnek:
<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>CSS Kenar Rengi
Kenarlıkların rengini ayarlayabilirsiniz:
<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>CSS Renk Değerleri
CSS’de renkler ayrıca RGB değerleri, HEX değerleri, HSL değerleri, RGBA değerleri ve HSLA değerleri kullanılarak da belirtilebilir:
Örneğin renk adı = “Tomato” :
Örneğin renk adı = “Tomato” ancak %50 şeffaf:
<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>RGB Değeri
CSS‘de, şu formül kullanılarak bir renk RGB değeri olarak belirtilebilir:
rgb(red, green, blue)
Her parametre (kırmızı, yeşil ve mavi) rengin yoğunluğunu 0 ile 255 arasında tanımlar.
Örneğin, rgb (255, 0, 0) kırmızı olarak görüntülenir, çünkü kırmızı en yüksek değerine (255) ve diğerleri 0’a ayarlanmıştır.
Siyahı görüntülemek için, tüm renk parametrelerini şu şekilde 0 olarak ayarlayın: rgb (0, 0, 0).
Beyazı görüntülemek için tüm renk parametrelerini 255 olarak ayarlayın, şu şekilde: rgb (255, 255, 255).
Grinin tonları genellikle 3 ışık kaynağının tümü için eşit değerler kullanılarak tanımlanır:
RGBA Değeri
RGBA renk değerleri, bir rengin opaklığını belirten alfa kanallı RGB renk değerlerinin bir uzantısıdır.
Aşağıdakilerle bir RGBA renk değeri belirtilir:
rgba(red, green, blue, alpha)
Alfa parametresi 0,0 (tamamen şeffaf) ile 1,0 (hiç şeffaf değil) arasında bir sayıdır:
