Renk Kodu Dönüştürücü
Dönüştürmek için renk seçiciyi kullanın veya herhangi bir formatta bir değer girin.
Renk Önizlemesi
🔄 Color Formats
Renk Dönüştürücü Hakkında
Bir rengi HEX, RGB, HSL ve ilgili gösterimler arasında dönüştürün. Hepsi aynı rengi farklı koordinat sistemlerinde tanımlar — hangisini isteyeceğiniz, onunla ne yapacağınıza bağlıdır.
Hangi gösterim ne işe yarar?
HEX kısadır ve CSS ile tasarım araçlarında varsayılandır. RGB aynı şeyi 0–255 arası üç kanalla söyler ve görüntü kodunun çalıştığı biçimdir. HSL ise rengi ton (0–360°), doygunluk ve açıklık olarak ayırır — bir varyasyon isterken üzerinde düşünmesi çok daha kolaydır, çünkü tonu sabit tutup yalnızca açıklığı değiştirerek tutarlı bir açık veya koyu ton kurabilirsiniz.
#6366F1 aynı zamanda rgb(99, 102, 241) ve hsl(239, 84%, 67%)'dir. Üzerine gelince koyulaşan bir sürüm için HSL açıklığını yaklaşık %57'ye düşürün — bunu hex basamaklarını değiştirerek yapmaya çalışmak tahmin işidir.Aynı hex neden iki ekranda farklı görünüyor?
Çünkü bir hex değeri, bir renk uzayı iliştirilmediği sürece mutlak bir renk değildir. Web'in çoğu sRGB varsayar; geniş gamutlu ekranlar ve telefon renk kipleri onu farklı işler, kalibre edilmemiş monitörler daha da kaydırır. Rengin tam olması gereken işlerde — marka varlıkları, baskı — tek başına hex kodu değil tanımlı bir profil gerekir.
Saydamlık ve yeni biçimler?
Saydamlık eklemek RGBA ve HSLA verir; sekiz basamaklı hex (#RRGGBBAA) da aynı işi görür. Modern CSS ayrıca oklch() destekler; eşit sayısal adımların gözle de eşit görünmesi için tasarlanmıştır — renk skalası üretmek için gerçekten daha iyidir ve artık tüm güncel tarayıcılarda çalışır.