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

Renk dönüştürücü bir renk değeri alır ve onu diğer tüm yaygın formatlarda aynı anda gösterir. Bir HEX kodu, bir rgb()/rgba() değeri ya da bir hsl()/hsla() değeri yazın veya yapıştırın; araç bunu otomatik olarak ayrıştırır, sonra karşılık gelen HEX, RGB, HSL, HSV ve CMYK dizelerini listeler. Büyük bir renk örneği rengi gösterir; renk saydamlık içeriyorsa arkasında bir dama tahtası deseni belirir, tarayıcının kendi renk seçicisi de yazdığınız her şeyle eşzamanlı kalır.

Hangi formatları anlıyor?

Girdi kutusu HEX’i 3, 4, 6 ya da 8 basamaklı biçimde kabul eder (#f0f ve #ff00ff ikisi de çalışır, 4 ve 8 basamaklı biçimler alfa kanalı taşır), ayrıca hem virgülle ayrılmış hem de rgb(255 0 0 / 0.5) gibi modern boşlukla ayrılmış söz diziminde rgb()/rgba() ve hsl()/hsla(). Ne yapıştırırsanız yapıştırın, araç onu listedeki tüm formatlara çevirir: HEX, RGB, HSL, HSV ve CMYK. HSV ve CMYK her zaman opak değer olarak gösterilir, çünkü hiçbiri saydamlığı ifade etmenin standart bir yoluna sahip değildir; HEX, RGB ve HSL ise alfa kanalını korur ve renk tam opak olmadığında a sonekli fonksiyon adlarına (rgba(), hsla()) geçer.

Dönüşümün yanında araç, rengin ton ve doygunluğunu koruyup açıklığı eşit adımlarla düşürerek çok açıktan çok koyuya on basamaklı bir tonlama skalası da üretir. Bu, tek bir marka renginden bir tasarım aracı açmadan hızlıca bir açık-koyu paleti çıkarmak için kullanışlıdır.

Verilerim bir yere yükleniyor mu?

Hayır. Ayrıştırma ve dönüştürme tamamen tarayıcınızda, sade JavaScript hesaplarıyla yapılır; hiçbir istek sunucuya gitmez. Yazdığınız ya da seçtiğiniz renk cihazınızdan hiç çıkmaz; bu yüzden dahili bir tasarım sisteminden ya da bir müşterinin stil rehberinden marka renklerini üçüncü taraf bir siteye yapıştırmadan dönüştürebilirsiniz.

Bunu bir tasarımcının HEX kodunu bir CSS dosyasının ihtiyaç duyduğu RGB ya da HSL değerlerine çevirmek, bir rengin kısmi opaklıkla nasıl göründüğünü kontrol etmek, ya da ekrandan seçtiğiniz bir renk için baskı işine yönelik CMYK yüzdelerini almak için kullanabilirsiniz. CSS renk notasyonlarının tam listesi için MDN’nin <color> veri türü referansına, boşlukla ayrılmış söz diziminin nasıl tanımlandığına dair CSS Color Module Level 4 şartnamesine bakabilirsiniz.