Color Picker & Converter
Pick a color and convert between HEX, RGB, and HSL formats instantly.
Bu araç hakkında
Renk seçici, bir rengi görsel olarak seçmenizi ve değerini ihtiyaç duyabileceğiniz her formatta okumanızı sağlar: CSS ve tasarım araçları için HEX, canvas ve görüntü düzenleme için RGB, tonu değiştirmeden açıklık veya doygunluğu ayarlamak istediğinizde HSL.
Üç format aynı rengi farklı biçimde tanımlar. HEX ve RGB, aynı bilginin farklı yazımıdır — #2563EB tam olarak rgb(37, 99, 235)'tir. Palet oluştururken işe yarayan HSL'dir; çünkü tonu sabit tutup açıklığı değiştirerek tutarlı bir açık-koyu seti elde edebilirsiniz.
Her şey tarayıcınızda yerel çalışır ve her değer tek tıkla doğrudan stil dosyanıza veya tasarım dosyanıza kopyalanabilir.
Renk nasıl seçilir ve dönüştürülür
- 1Rengi görsel olarak seçmek için renk alanını kullanın veya bilinen bir renkten başlamak için mevcut bir HEX değerini yapıştırın.
- 2Seçiciyi hareket ettirdikçe birlikte güncellenen HEX, RGB ve HSL değerlerini okuyun.
- 3Herhangi bir değeri, CSS'in beklediği tam sözdizimiyle panonuza kopyalamak için üzerine tıklayın.
- 4Palet için aynı tonun daha açık ve daha koyu varyantlarını oluşturmak üzere HSL'deki açıklığı ayarlayın.
Bu araç ne yapar
HEX, RGB ve HSL birlikte
Üç format aynı anda gösterilir; ikinci bir dönüştürme yapmanız veya formül aramanız gerekmez.
Tek tıkla kopyalama
Her değer geçerli CSS sözdizimiyle kopyalanır — #2563eb, rgb(37, 99, 235), hsl(221, 83%, 53%) — stil dosyasına yapıştırmaya hazır.
Görsel seçim
Yerleşik renk alanıyla gözle renk seçin veya bir marka rengini eşleştiriyorsanız tam değeri yazın.
Hesap yok, yükleme yok
Tamamen tarayıcınızda çalışır. Hiçbir şey saklanmaz ve sayfa yüklendikten sonra araç çevrimdışı çalışır.
Sık sorulan sorular
HEX'i RGB'ye nasıl çeviririm?
HEX kodu, kırmızı, yeşil ve mavi için üç onaltılık basamak çiftidir. #2563EB; 25, 63 ve EB olarak ayrılır ve bunlar ondalık sistemde 37, 99 ve 235'tir — yani rgb(37, 99, 235). Bu araç siz seçerken dönüşümü sizin için yapar.
RGB ile HSL arasındaki fark nedir?
RGB, ne kadar kırmızı, yeşil ve mavi ışığın karıştırılacağını tanımlar. HSL ise tonu (çarktaki hangi renk), doygunluğu (ne kadar canlı) ve açıklığı (ne kadar parlak) tanımlar. HSL insanlar için daha kolaydır: aynı rengin daha koyu bir sürümü için yalnızca açıklığı düşürürsünüz.
CSS'te hangi formatı kullanmalıyım?
Üçü de tüm modern tarayıcılarda geçerlidir. HEX kod tabanlarında ve tasarım teslimlerinde en yaygın olanıdır. RGB, rgba() ile şeffaflık gerektiğinde kullanışlıdır. HSL ise sistematik renk skalaları üretmek için en iyisidir.
8 basamaklı HEX kodu ne anlama gelir?
8 basamaklı HEX, sonuna alfa şeffaflığı için iki karakter ekler — #2563EBFF tamamen opak, #2563EB80 kabaca %50 şeffaftır. Tüm modern tarayıcılarda desteklenir.
Renk verilerim bir yere gönderiliyor mu?
Hayır. Renk dönüşümü tarayıcınızda yapılan basit aritmetiktir. Hiçbir şey iletilmez veya saklanmaz.