Renk Dönüştürücü – HEX, RGB, HSL
Herhangi bir formatta renk yazın veya yapıştırın; HEX, RGB ve HSL olarak anında dönüştürülmüş halini görün. Tek bir tıklamayla istediğiniz değeri kopyalayın.
Paste or type a color to convert
Supports HEX, RGB, and HSL formats
Try an example
Daha fazla araç
Picker
Renk Seçici
Bir görsel yükleyin ve HEX, RGB ve HSL renk kodlarını çıkarmak için tıklayın.
Checker
Kontrast Denetleyici
Renk kontrast oranlarını WCAG AA ve AAA standartlarına göre kontrol edin.
Generator
Palet Oluşturucu
Herhangi bir temel renkten uyumlu renk paletleri oluşturun.
HEX, RGB ve HSL arasında renk dönüştürme
Farklı araçlarda renklerle çalışmak, sıklıkla formatlar arasında geçiş yapmayı gerektirir. Bu dönüştürücü HEX, RGB ve HSL formatlarını destekler — web geliştirme ve tasarımda en yaygın kullanılan üç renk formatı.
Desteklenen herhangi bir formatta bir renk değeri yazın veya yapıştırın. Dönüştürücü, girdiğiniz değerin HEX kodu mu, RGB değeri mi yoksa HSL değeri mi olduğunu otomatik olarak algılar ve üç gösterimi de anında görüntüler.
Desteklenen renk formatları
- HEX — ör. #3B82F6 veya #f00 (kısaltılmış)
- RGB — ör. rgb(59, 130, 246)
- HSL — ör. hsl(217, 91%, 60%)
Her sonuç, doğrudan kodunuza yapıştırabileceğiniz kullanıma hazır bir CSS değeri olarak biçimlendirilir.
Renk dönüştürücü nasıl kullanılır
- Giriş alanına bir renk değeri yazın — HEX, RGB veya HSL
- Format otomatik olarak algılanır
- Giriş alanının altında üç formatın tümü için dönüştürülmüş değerleri görün
- Herhangi bir formatın yanındaki kopyala düğmesine tıklayarak panoya kopyalayın
Yaygın kullanım senaryoları
- Bir tasarım dosyasındaki HEX kodunu CSS için RGB'ye dönüştürme
- Parlaklık veya doygunluğu ayarlamak için bir rengin HSL sürümünü alma
- Bir görüntü düzenleyicisindeki RGB değerlerini HTML için HEX'e çevirme
- Farklı formatlardaki iki renk değerinin aynı rengi temsil ettiğini hızlıca doğrulama
HEX, RGB ve HSL ne zaman kullanılmalı?
HEX en kompakt formattır ve CSS ile HTML'de yaygın olarak kullanılır. RGB, tasarım araçları ve görüntü düzenleyicilerde sık kullanılır. HSL ise insan için en okunabilir olanıdır — ton, doygunluk ve parlaklığı ayrı ayrı gösterir, bu da renkleri elle ayarlamayı kolaylaştırır.
Tek bir en iyi format yoktur. İş akışınızın gerektirdiği formatı kullanın — formatlar arasında geçiş yapmanız gerektiğinde bu dönüştürücü bunu bir anda halleder.
Sık sorulan sorular
- HEX'i RGB'ye nasıl dönüştürürüm?
- HEX kodunuzu (ör. #3B82F6) giriş alanına yapıştırın. RGB karşılığı anında aşağıda görüntülenir.
- RGB'yi HEX'e nasıl dönüştürürüm?
- RGB değerinizi rgb(59, 130, 246) formatında girin. HEX kodu, HSL değeriyle birlikte gösterilir.
- HSL nedir?
- HSL; Hue, Saturation ve Lightness (ton, doygunluk ve parlaklık) kelimelerinin kısaltmasıdır. Renkleri insanlar için daha sezgisel bir şekilde tanımlar — temel tonu değiştirmeden rengin parlaklığını veya canlılığını kolayca ayarlayabilirsiniz.
- Araç kısaltılmış HEX kodlarını destekliyor mu?
- Evet. #f00 veya #abc gibi kısaltılmış kodları girebilirsiniz; otomatik olarak genişletilir ve doğru şekilde dönüştürülür.
- Renk dönüştürücü ücretsiz mi?
- Evet. ColourPicker.app tamamen ücretsizdir ve kayıt gerektirmez.
- Araç mobil cihazlarda çalışır mı?
- Evet. Renk dönüştürücü, modern bir tarayıcıya sahip tüm cihazlarda çalışır — masaüstü, tablet veya telefon.