Renk Dönüştürücü ve Seçici
Herhangi bir rengi seçin, HEX, RGB ve HSL değerlerini anında alın. Dilediğiniz biçimi tek tıkla kopyalayın; CSS, tasarım araçları ve kod için ideal.
Renkler nasıl dönüştürülür
Renk seçiciyle bir renk seçin veya herhangi bir giriş alanına doğrudan bir HEX, RGB ya da HSL değeri yazın.
Tüm biçimler anında güncellenir; siz değişiklik yaptıkça HEX, RGB ve HSL değerleri gerçek zamanlı olarak yeniden hesaplanır.
Değeri panonuza kopyalamak için istediğiniz biçimin yanındaki Kopyala düğmesine tıklayın; CSS'e, Figma'ya veya koda yapıştırmaya hazır olur.
Sık Sorulan Sorular
Renkleri HEX, RGB ve HSL arasında dönüştürmeyle ilgili en yaygın soruların yanıtları.
HEX, RGB ve HSL arasındaki fark nedir?
HEX (ör. #FF5733), HTML ve CSS'te kullanılan onaltılık bir gösterimdir. RGB (ör. rgb(255, 87, 51)) bir rengi kırmızı, yeşil ve mavi kanallarıyla tanımlar. HSL (ör. hsl(11, 100%, 60%)) ise bir rengi ton, doygunluk ve açıklık değerleriyle tanımlar; küçük ayarlamalar yapan tasarımcılar için genellikle daha sezgiseldir.
Doğrudan bir HEX kodu yazabilir miyim?
Evet. HEX giriş alanına tıklayın ve geçerli herhangi bir 6 haneli HEX kodunu (ör. #3B82F6) yazın veya yapıştırın. RGB ve HSL değerleri otomatik olarak güncellenir. Hem 3 haneli (#RGB) hem de 6 haneli (#RRGGBB) biçimler desteklenir.
Renk verileri bir sunucuya gönderiliyor mu?
Hayır. Tüm renk dönüştürme işlemi JavaScript kullanılarak tamamen tarayıcınızda gerçekleşir. Hiçbir sunucuya hiçbir şey gönderilmez.
Bu aracı CSS renk değerlerini almak için kullanabilir miyim?
Evet; HEX, RGB veya HSL'nin yanındaki Kopyala düğmesine tıklayıp doğrudan CSS'inize yapıştırmanız yeterli. Üç biçim de tüm modern tarayıcıların desteklediği geçerli CSS renk değerleridir.
Tasarımcılar ve geliştiriciler için geliştirilmiş renk dönüştürücü
HEX, RGB ve HSL arasında gerçek zamanlı dönüşüm yapın, ardından doğrudan CSS, Figma veya tasarım token'larınıza kopyalayın.
Gerçek zamanlı dönüştürme
Herhangi bir biçimi düzenleyin; HEX, RGB ve HSL siz yazarken anında yeniden hesaplansın. Dönüştür düğmesi yok, bekleme yok.
Üç biçim senkronize
Kod için HEX, hesaplamalar için RGB, sezgisel ayarlar için HSL. Üçü birbirine bağlı kalır, siz en sevdiğinizi seçersiniz.
Tek tıkla kopyalama
Her biçimin kendine ait bir kopyalama düğmesi vardır ve CSS'e hazır değerleri panonuza koyar. Doğrudan stil dosyanıza yapıştırın.
Görsel renk seçici
Tam spektrumlu bir seçiciyle rengi görsel olarak seçin. Renk örneklemek, ince ayar yapmak ve paletleri keşfetmek için harika.
CSS'e hazır çıktı
Her biçim geçerli CSS olarak üretilir; yeniden biçimlendirmeye veya dönüştürmeye gerek yok. Tüm modern tarayıcılar ve tasarım araçlarıyla çalışır.
%100 gizli — sunucu yok
Tüm renk hesaplamaları tarayıcınızda çalışır. Renkler, paletler ve değerler cihazınızdan asla ayrılmaz.
Renk Dönüştürücüyü Kimler Kullanır
CSS'i yeni öğrenenlerden tasarım sistemini yöneten marka ekiplerine kadar; tek araç, her iş akışı.
Web geliştiricileri
Tasarım token'larını CSS özel özellikleri, Tailwind yapılandırmaları ve tarayıcı denetçisinden alınan HEX kodları arasında dönüştürün.
- CSS değişkenleri ve Tailwind renkleri
- Temalar için Figma HEX değerini HSL'ye dönüştürme
- Platformlar arası renk uyuşmazlıklarını ayıklama
Tasarımcılar
Figma, Sketch, Adobe ve web arasında paletleri tutarlı tutun; herhangi bir tonu renk sistemleri arasında anında dönüştürün.
- Figma'daki HEX değerlerini CSS'e aktarma
- HSL ile doygunluk ve açıklığı ayarlama
- Marka renklerini araçlar arasında eşleştirme
Marka ve stil kılavuzu ekipleri
Marka paletlerini tasarımcıların ve geliştiricilerin ihtiyaç duyduğu her biçimde belgeleyin: HEX, RGB ve HSL yan yana.
- Üç biçimli marka paletleri oluşturma
- Paylaşılabilir renk şartnameleri hazırlama
- Eski renk kodlarını denetleme
Daha Fazla Aracı Keşfedin
Bu araçla birlikte harika çalışan diğer ücretsiz araçları keşfedin
Görsel Sıkıştırıcı
Kaliteden ödün vermeden dosya boyutunu küçültün
Görsel Boyutlandırıcı
Görselleri tam istediğiniz boyutlara getirin
Arka Plan Silici
Görsel arka planlarını kaldırın ve saydam PNG olarak kaydedin
QR Kod Oluşturucu
Renklerinize uygun ücretsiz QR kodları oluşturun
Görsel Dönüştürücü
30'dan fazla görsel biçimi arasında dönüştürün
PNG to WebP
Web için aynı kalitede, daha küçük dosyalar