Renk Dönüştürücü ve Seçici
İstediğiniz rengi seçin ve anında HEX, RGB ve HSL değerlerini alın. Herhangi bir formatı kopyası için tıklayın — CSS, tasarım araçları ve kod için mükemmel.
Renkler Nasıl Dönüştürülür
Renk seçiciyi kullanarak bir renk seçin veya herhangi bir giriş alanına doğrudan HEX, RGB veya HSL değeri yazın.
Tüm formatlar anında güncellenir; HEX, RGB ve HSL değerleri, yaptığınız değişiklikler doğrultusunda gerçek zamanlı olarak yeniden hesaplanır.
Herhangi bir formatın yanındaki Kopyala düğmesine tıklayarak değeri panonuza kopyası ve CSS, Figma veya koda yapıştırmaya hazır hale getirebilirsiniz.
Daha Fazla Araç Keşfedin
Bu araçla birlikte harika çalışan diğer ücretsiz araçları keşfedin.
Görüntü Sıkıştırıcı
Kalite kaybı olmadan dosya boyutunu küçültün.
Görüntü Boyutlandırıcı
Görüntüleri tam boyutlarına göre yeniden boyutlandırın.
Arka Plan Kaldırıcı
Yapay zeka hassasiyetiyle arka planları kaldırın.
QR Kod Oluşturucu
Anında özel QR kodları oluşturun.
Görüntü Dönüştürücü
30'dan fazla görüntü formatı arasında dönüştürme yapın
PNG'den WebP'ye
Daha küçük dosyalar, web için aynı kalite.
Sıkça Sorulan Sorular
HEX, RGB ve HSL arasındaki fark nedir?
HEX (örneğin #FF5733), HTML ve CSS'de kullanılan onaltılık bir gösterimdir. RGB (örneğin rgb(255, 87, 51)), bir rengi kırmızı, yeşil ve mavi kanallarıyla tanımlar. HSL (örneğin hsl(11, 100%, 60%)), bir rengi tonu, doygunluğu ve açıklığıyla tanımlar; bu, küçük ayarlamalar yapan tasarımcılar için genellikle daha sezgiseldir.
HEX kodunu doğrudan yazabilir miyim?
Evet. HEX giriş alanına tıklayın ve geçerli herhangi bir 6 haneli HEX kodunu yazın veya yapıştırın (örneğin #3B82F6). RGB ve HSL değerleri otomatik olarak güncellenecektir. Hem 3 haneli (#RGB) hem de 6 haneli (#RRGGBB) formatlar desteklenmektedir.
Renk verileri bir sunucuya gönderiliyor mu?
Hayır. Tüm renk dönüştürme işlemleri tamamen tarayıcınızda JavaScript kullanılarak gerçekleşir. Hiçbir şey herhangi bir sunucuya gönderilmez.
Bu aracı kullanarak CSS renk değerlerini alabilir miyim?
Evet — HEX, RGB veya HSL'nin yanındaki Kopyala'ya tıklayın ve doğrudan CSS'nize yapıştırın. Her üç format da tüm modern tarayıcılar tarafından desteklenen geçerli CSS renk değerleridir.