css-renk-verme

Renkler önceden tanımlanmış renk adları veya RGB, HEX, HSL, RGBA, HSLA değerleri kullanılarak belirtilir.
HTML'de bir renk, bir renk adı kullanarak belirtilebilir:

HTML öğelerinin arka plan rengini ayarlayabilirsiniz: ---background-color---
<h1 style="background-color:DodgerBlue;">Yazı</h1>
<p style="background-color:Tomato;">Yazı</p>

Metnin rengini ayarlayabilirsiniz: ---color---
<h1 style="color:Tomato;">Yazı</h1>
<p style="color:DodgerBlue;">Yazı</p>

Kenarlıkların rengini ayarlayabilirsiniz: ---border---
<h1 style="border:2px solid Tomato;">Yazı</h1>
<h1 style="border:2px solid DodgerBlue;">Yazı</h1>

Renk Değerleri
HTML'de renkler RGB değerleri, HEX değerleri, HSL değerleri, RGBA değerleri ve HSLA değerleri kullanılarak da belirtilebilir:
<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

RGB Değeri
HTML'de, bir renk aşağıdaki formülü kullanarak bir RGB değeri olarak belirtilebilir:
rgb ( kırmızı, yeşil , mavi )
Her parametre (kırmızı, yeşil ve mavi) 0 ile 255 arasındaki rengin yoğunluğunu 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), diğerleri 0'a yarlanmıştır.
Siyah rengi görüntülemek için, tüm renk parametrelerinin şu şekilde 0 olarak ayarlanması gerekir: rgb (0, 0, 0).
Beyaz rengi görüntülemek için, tüm renk parametrelerinin 255 olarak ayarlanması gerekir: rgb (255, 255, 255).

HEX Değeri
HTML'de, bir renk onaltılık bir değer kullanılarak formda belirtilebilir:
# rrggbb
Rr (kırmızı), gg (yeşil) ve bb (mavi) 00 ile ff arasındaki onaltılık değerlerdir (ondalık 0-255 ile aynıdır).
Örneğin, kırmızı, en yüksek değerine (ff) ve diğerleri en düşük değere (00) ayarlandığından # ff0000 kırmızı olarak görüntülenir.

HSL Değeri
HTML'de, renk, renk doygunluk ve açıklık (HSL) formunda belirtilebilir:
hsl ( ton , doygunluk , hafiflik )
Renk tonu üzerindeki renk tonu, 0'dan 360'a kadar bir derecedir. 0 kırmızı, 120 yeşil ve 240 mavi.
Doygunluk yüzde değer,% 0 bir gri tonlama,% 100 tam renkli.
Açıklık da bir yüzdendir,% 0 siyah,% 50 ne açık veya koyudur,% 100 beyazdır
hsl(248, 53%, 58%)

Doyma
Doygunluk bir rengin yoğunluğu olarak tanımlanabilir.
% 100 saf renk, gri tonları yok
% 50,% 50 gri renkte ancak yine de rengi görebiliyorsunuz.
% 0 tamamen gri, artık rengi göremiyorsunuz.

Hafiflik
Bir rengin açıklığı, rengin ne kadar ışık vermek istediğinizi,% 0'ın ışık olmadığını,% 50'sinin% 50 ışık (ne karanlık ne de ışık), 100% tam açıklık (beyaz) anlamına geldiği şekilde tanımlanabilir.

RGBA Değeri
RGBA renk değerleri, bir rengin opaklığını belirleyen bir alfa kanalıyla RGB renk değerlerinin uzantısıdır.
Bir RGBA renk değeri aşağıdakilerle belirtilmiştir:
rgba ( kırmızı, yeşil , mavi, alfa )
Alfa parametresi, 0.0 (tamamen şeffaf) ile 1.0 (hiç şeffaf değil) arasındaki bir sayıdır:
rgba(255, 99, 71, 0)

HSLA Değeri
HSLA renk değerleri, bir rengin opaklığını belirleyen bir alfa kanalı ile HSL renk değerlerinin bir uzantısıdır.
Bir HSLA renk değeri aşağıdakilerle belirtilmiştir:
hsla ( ton, doygunluk , açıklık, alfa )
Alfa parametresi, 0.0 (tamamen şeffaf) ile 1.0 (hiç şeffaf değil) arasındaki bir sayıdır:
hsla(9, 100%, 64%, 1)