Renk Kodu Dönüştürücü
Renk seçiciden veya görselden renk kodu bul; HEX, RGB ve HSL arasında dönüştür, CSS için istediğin biçimi kopyala.
Kodlar aynı rengi farklı yollardan anlatır
Elinizde #d63428 gibi bir HEX değeri varsa kutuya yapıştırın; araç bunu RGB ve HSL karşılıklarına çevirir. RGB kanallarından biri değiştiğinde HEX değeri de yeniden hesaplanır. Böylece bu gösterimler arasında elle onaltılık hesap yapmanız gerekmez.
HEX, kısa olduğu için stil dosyalarında sık görülür:#d63428.RGB, kırmızı, yeşil ve mavi kanallarını 0 ile 255 arasında ayrı ayrı gösterir.HSL, tonu sabit tutup doygunluk veya açıklıkla varyant üretmeyi kolaylaştırır.
Görseldeki pikselden CSS değerine
Bir renk kodu bulucu çoğu zaman ekrandaki ya da görseldeki belirli bir tonu yakalamak için kullanılır. Görselden Seç sekmesine geçip dosyadaki piksele dokunduğunuzda renk kodu bulma işlemi tarayıcıdaki canvas üzerinde yapılır; görsel sunucuya gönderilmez. Ekrandan seçme düğmesi yalnız EyeDropper desteği bulunan tarayıcılarda görünür.
Kopyaladığınız HTML renk kodları, style niteliğine veya CSS dosyasındaki color, background-color ve border-color özelliklerine yazılabilir. Bu akış ayrı bir CSS kodu bulucu açmadan CSS kodu bulma işini tamamlar. Görsel üzerinde hex kodu bulma sonrasında HEX, RGB ya da HSL düğmesinden ihtiyacınız olan biçimi alın.
Renk Kodu Dönüştürücü ile İlgili Sıkça Sorulan Sorular
Evet. Bir HTML renk kodu HEX, RGB veya HSL biçiminde yazılabilir; biçimler aynı rengin farklı sayısal gösterimleridir. Örneğin #d63428, rgb(214, 52, 40) ve hsl(4, 69%, 50%) aynı tona karşılık gelir.
Hayır. Seçtiğiniz JPG, PNG, WebP veya GIF dosyası tarayıcınızdaki canvas üzerinde okunur. Piksele ait renk değeri yerel olarak hesaplanır; görsel dosyası bu işlem için site sunucusuna yüklenmez.
Aradığınız cevabı bulamadınız mı?
Geliştirici Araçları kategorisindeki tüm araçları keşfedin.