Renk Dönüştürücü

HEX, RGB ve HSL renk kodları arasında canlı önizlemeyle çevirin; hangi alanı değiştirirseniz diğerleri otomatik güncellenir.

%100 tarayıcıda çalışır — girdiğiniz renk hiçbir yere gönderilmez.
RGB
R
G
B
HSL
H
S
L

Bunu da Dene

İşin bitti mi? Sırada bunlar olabilir.

Sık Sorulan Sorular

HEX (#3a5bd0) rengi 6 basamaklı bir onaltılık sayı olarak, RGB kırmızı/yeşil/mavi bileşenlerinin 0-255 aralığındaki değerleriyle, HSL ise ton (hue, 0-360°), doygunluk (saturation, %) ve parlaklık (lightness, %) olarak ifade eder. Üçü de aynı rengi farklı biçimde tarif eder; hangisini kullanacağınız çoğunlukla CSS'te veya tasarım aracında hangisiyle çalıştığınıza bağlıdır.

#abc gibi 3 basamaklı kısa yazım, her basamağın tekrarlanmasıyla 6 basamaklı hale genişler: #abc → #aabbcc. Bu araç her ikisini de kabul eder ve her zaman tam 6 basamaklı biçimde gösterir.

Doygunluk (%0-100) rengin ne kadar canlı ya da soluk (gri) olduğunu belirler; %0 tamamen gri demektir. Parlaklık (%0-100) rengin ne kadar açık ya da koyu olduğunu belirler; %0 siyah, %100 beyaz, %50 civarı ise rengin "saf" hali olur. Bir rengin tonunu (hue) sabit tutup yalnızca bu ikisini değiştirerek aynı rengin daha açık/koyu veya daha soluk/canlı tonlarını üretebilirsiniz.

Son güncelleme: