Renkler HSL

HSL Hesaplayıcı

rgb(255, 0, 0)
#ff0000

HSL Renkleri

HSL renk değerleri IE9+, Firefox, Chrome, Safari ve Opera 10+'da desteklenir.

HSL, ton, doygunluk ve hafiflik anlamına gelir.

HSL renk değerleri şu şekilde belirtilir: .hsl(hue, saturation, lightness)

renk tonu

Ton, renk tekerleğinde 0 ile 360 arasındaki bir derecedir. 0 kırmızı, 120 yeşil, 240 mavidir.

Doyma

Doygunluk bir yüzde değeridir; %0 bir gri tonu ve %100 tam renk anlamına gelir.

hafiflik

Hafiflik de bir yüzdedir; %0 siyah, %100 beyazdır.

"; } x += ""; x += ""; n = 0; for (i = 0; i "; } x += ""; x += ""; document.getElementById("huetable"). innerHTML = x; } function drawSatTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; for ( ben = 0; ben "; } x += "

" + i + "

"; document.getElementById("doygunluk tablosu").innerHTML = x; } function drawLigTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; for (i = 0; i "; } x += "

" + i + "

"; document.getElementById("lightnesstable").innerHTML = x; } drawHueTable(0); drawSatTable(0); drawLigTable(0);

Kendin dene

HSL renk değerleri tüm büyük tarayıcılarda desteklenir.

Örnek

<style>

div {
background-color: hsl(180, 50%, 50%);
color: hsl(0, 0%, 100%);
}

</style>

❮ Öncesi Sonraki ❯

Renkler Eğitimi

Renk Şemaları

Renk Trendleri

Renk Standartları