HEX, RGB ve HSL Renk Çevirici
HEX, RGB veya HSL biçimindeki bir renk kodunu yazın ya da yapıştırın. Araç formatı otomatik olarak algılar, aynı rengin üç karşılığını gösterir ve istediğiniz değeri kopyalamanızı sağlar.
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
Renk Çarkı
Tek bir temel renkten beş renkli tamamlayıcı, benzer, üçlü ve diğer uyum paletlerini oluşturun.
Çıkarıcı
Görsel paleti çıkarıcı
Bir görseldeki baskın renkleri bulun ve paleti HEX, RGB veya CSS değişkenleri olarak kopyalayın.
Online renk çevirici nasıl kullanılır?
- Giriş alanına HEX, RGB veya HSL biçiminde bir renk kodu yazın ya da yapıştırın.
- Renk çevirici, girdiğiniz formatı otomatik olarak algılar.
- Aynı rengin HEX, RGB ve HSL karşılıklarını ve renk önizlemesini kontrol edin.
- Kullanmak istediğiniz değerin yanındaki kopyala düğmesine basın.
Ayrı bir hesaplama yapmanız veya her dönüşüm yönü için farklı bir araç açmanız gerekmez. Sonuçlar, kodu değiştirdiğiniz anda yenilenir.
HEX kodunu RGB'ye dönüştürme
Bir HEX kodunu RGB'ye çevirmek için kodu giriş alanına yapıştırın. Örneğin #3B82F6, rgb(59, 130, 246) olarak gösterilir. Araç, onaltılık karakter çiftlerini elle hesaplamanıza gerek kalmadan kırmızı, yeşil ve mavi değerlerini anında verir.
RGB sonucunun yanında aynı rengin HSL değeri ve görsel önizlemesi de yer alır. Böylece dönüşümü kontrol edip ihtiyacınız olan formatı doğrudan kopyalayabilirsiniz.
RGB değerini HEX'e dönüştürme
Ters yönde dönüşüm için rgb(59, 130, 246) gibi bir RGB değeri girin. Renk dönüştürücü bu değeri #3B82F6 HEX koduna çevirir ve HSL karşılığını da gösterir. Bu işlem, tasarım araçlarından aldığınız RGB değerlerini HTML veya CSS içinde kullanmak istediğinizde pratiktir.
HEX, RGB ve HSL arasında otomatik dönüşüm
Araç, girilen değerin HEX, RGB veya HSL olduğunu otomatik olarak belirler. Geçerli bir kod algılandığında aynı renk üç formatta birlikte gösterilir; ayrıca sonucu doğrulamanıza yardımcı olan bir renk önizlemesi sunulur.
Her sonuç ayrı ayrı kopyalanabildiği için mevcut kodunuzu korurken farklı bir formatı hızla alabilirsiniz. Bu, aynı renk değerini kod, tasarım dosyası ve teknik dokümantasyon arasında taşımayı kolaylaştırır.
CSS ve HTML için kullanıma hazır renk kodları
Dönüştürülen değerler, dijital projelerde kullanıma hazır biçimde sunulur: HEX için #3B82F6, RGB için rgb(59, 130, 246) ve HSL için hsl(217, 91%, 60%). Sonucu bir CSS özelliğine, HTML şablonuna, arayüz bileşenine, tasarım sistemine veya görsel özellik belgesine doğrudan ekleyebilirsiniz.
HEX, RGB veya HSL ne zaman kullanılmalı?
HEX, kompakt yapısı nedeniyle HTML, CSS ve tasarım araçlarında yaygın olarak kullanılır. RGB, kırmızı, yeşil ve mavi kanalların değerlerini doğrudan gösterir ve ekran tabanlı tasarımlarda pratiktir. HSL ise rengi ton, doygunluk ve açıklık olarak ifade eder; bu nedenle bir rengin görünümünü elle ayarlamak daha kolay olabilir.
Bu üç format aynı rengi farklı biçimlerde temsil edebilir. Kullanacağınız format, çalıştığınız araç veya kod tabanının gereksinimine bağlıdır; renk çevirici yalnızca gösterimi değiştirir, rengin kendisini değiştirmez.
Ücretsiz, tarayıcıda ve kayıt olmadan
Renk çevirici ücretsizdir; hesap oluşturmanız veya program yüklemeniz gerekmez. Modern tarayıcılarda bilgisayar, tablet ve telefonda çalışır. Dönüşüm cihazınızda yerel olarak yapılır; girdiğiniz renk kodu ColourPicker.app sunucularına gönderilmez veya kaydedilmez.
Rengi bulun, kontrol edin veya bir palet oluşturun
Henüz bir renk kodunuz yoksa Renk Seçici ile bir görseldeki tam piksel rengini bulabilirsiniz. Dönüştürdüğünüz iki rengin okunabilirliğini Kontrast Denetleyici ile ölçebilir veya bir temel renkten uyumlu kombinasyonlar oluşturmak için Palet Oluşturucu aracını kullanabilirsiniz.
Renk çevirici hakkında sık sorulan sorular
- Renk çevirici ne işe yarar?
- Renk çevirici, bir rengin gösterim formatını değiştirir. HEX, RGB veya HSL kodu girdiğinizde aynı rengin diğer iki formattaki karşılıklarını gösterir.
- HEX'i RGB'ye nasıl çeviririm?
- #3B82F6 gibi bir HEX kodunu giriş alanına yapıştırın. Araç formatı otomatik olarak algılar ve rgb(59, 130, 246) gibi RGB karşılığını anında gösterir.
- RGB'yi HEX'e nasıl dönüştürürüm?
- rgb(59, 130, 246) gibi bir RGB değeri girin. Renk dönüştürücü, #3B82F6 gibi eşdeğer HEX kodunu ve HSL değerini birlikte gösterir.
- Hangi renk formatları desteklenir?
- Araç HEX, RGB ve HSL renk kodlarını giriş olarak kabul eder ve aynı rengin bu üç formattaki karşılıklarını üretir.
- Bir rengi HSL'ye dönüştürebilir miyim?
- Evet. Bir HEX veya RGB kodu girerek HSL karşılığını görebilirsiniz. HSL kodu girerseniz araç aynı rengin HEX ve RGB değerlerini de gösterir.
- Kısaltılmış HEX kodları, örneğin #f00, destekleniyor mu?
- Evet. #f00 veya #abc gibi üç karakterli HEX kodları algılanır ve tam HEX, RGB ve HSL karşılıklarına dönüştürülür.
- Renk çevirici ücretsiz mi ve telefonda çalışır mı?
- Evet. Araç ücretsizdir, kayıt gerektirmez ve modern tarayıcılarda telefon, tablet ve bilgisayarda çalışır. Dönüşüm cihazınızda yerel olarak gerçekleştirilir.
- Renk kodunu dönüştürmek ile resimden renk seçmek arasındaki fark nedir?
- Renk çevirici, elinizdeki bir kodu HEX, RGB ve HSL arasında dönüştürür. Bir fotoğraf veya ekran görüntüsündeki belirli bir pikselin kodunu bulmak için Renk Seçici aracını kullanmanız gerekir.