Renk Dönüştürücü (Hex, RGB, HSL)
Renk Önizlemesi
#6366f1
Kullanım Kılavuzu
Color Converter, renk değerlerini HEX, RGB, HSL, HSV ve CMYK biçimleri arasında dönüştürmek için çevrimiçi bir araçtır — tüm işlemler tarayıcıda yerel olarak gerçekleştirilir. Renk biçimi dönüştürme, tasarımcılar ve ön uç geliştiriciler için günlük bir görevdir: Figma gibi tasarım araçları HEX kodları dışa aktarır; CSS hem HEX hem de RGB/HSL kullanır; baskı iş akışları CMYK değerleri gerektirir; görüntü işleme kitaplıkları HSV veya normalleştirilmiş RGB float kullanabilir; erişilebilirlik denetleme araçları kontrast hesaplama için sRGB değerleri kullanır. Bu biçimler arasında formüllerle manuel dönüştürme yapmak zahmetli ve hata yapmaya açıktır. Bu araç, herhangi bir geçerli renk değerini kabul eder ve desteklenen tüm biçimlerdeki eşdeğerlerini anında gösterir. HEX kodu girin, RGB üçlüsü yapıştırın, HSL değerleri girin veya yerel renk seçiciden bir renk seçin — tüm gösterimler gerçek zamanlı olarak güncellenir. Büyük renk örneği anında görsel onay sağlar. Dönüştürücü tam sRGB gamutunu doğru şekilde işler ve aralık dışı değerleri zarif biçimde yönetir. Ayrıca CSS renk adları da girebilirsiniz (örneğin "rebeccapurple", "tomato") — tüm sayısal eşdeğerlerini görmek için.
- Renk değerini girin — Giriş alanına herhangi bir renk değeri yazın veya yapıştırın: HEX kodu (#6366f1 veya #fff), RGB değeri (rgb(99, 102, 241)), HSL değeri (hsl(239, 84%, 67%)) veya CSS renk adı. Dönüştürücü biçimi otomatik olarak algılar.
- Renk seçiciyi kullanın — Tarayıcının yerel renk seçicisini açmak için renk örneğine veya renk seçici düğmesine tıklayın. Görsel olarak herhangi bir rengi seçin ve tüm biçim değerleri anında güncellenir.
- Tüm biçim eşdeğerlerini görüntüleyin — Araç, seçilen rengi HEX, RGB (0–255), RGB (0–1 normalleştirilmiş), HSL (derece, yüzde), HSV ve CMYK olarak aynı anda gösterir. Herhangi bir girdiyi değiştirdiğinizde tüm değerler birlikte güncellenir.
- Bağımsız kanalları ayarlayın — Bireysel kanal değerlerini değiştirerek rengi ince ayarlayın — örneğin RGBA'da yalnızca alfa kanalını değiştirin veya aynı rengin biraz daha sıcak ya da soğuk bir varyantını elde etmek için HSL'de tonu ayarlayın.
- Herhangi bir biçimi kopyalayın — O biçim satırının yanındaki "Kopyala" düğmesine tıklayarak belirli bir değeri panoya kopyalayın. Örneğin, CSS için HEX kodunu, tasarım araçları için RGB değerini veya baskı özellikleri için CMYK değerini kopyalayın.
- Örnek üzerinden doğrulayın — Büyük renk önizleme örneği her zaman gerçekte oluşturulan rengi gösterir. Kopyalamadan önce dönüştürülen değerlerin beklediğiniz renge karşılık geldiğini görsel olarak onaylamak için kullanın.
Sık Sorulan Sorular
Bu araç hangi renk biçimlerini destekliyor?
Araç, en yaygın üç CSS renk biçimi arasında dönüştürme yapar: HEX (#RRGGBB), RGB (0–255 değerlerle rgb(r, g, b)) ve HSL (0–360° açı ve 0–100% doygunluk/parlaklıkla hsl(h, s%, l%)). Girdi olarak CSS renk adlarını da (örn. "tomato", "deepskyblue") kabul eder.
RGB ile HSL arasındaki fark nedir?
RGB, kırmızı, yeşil ve mavi ışığın yoğunluğuyla renkleri tanımlar (her biri 0–255). HSL, renkleri ton (renk tekerleğindeki konum, 0–360°), doygunluk (canlılık, 0–100%) ve parlaklık (açıklık, 0–100%) ile tanımlar. Parlaklık veya doygunluğu ayarlamak daha sezgisel olduğundan HSL genellikle tasarımcılar için daha kullanışlıdır.
Renk dönüştürme bir sunucuda gerçekleşiyor mu?
Hayır. Tüm dönüştürme mantığı, yerel JavaScript renk hesaplamaları aracılığıyla tarayıcıda gerçekleşir — hiçbir sunucuya veri gönderilmez.
Bu aracı çevrimdışı kullanabilir miyim?
2Kit bir PWA'dır. İlk ziyaretinizden sonra araç önbelleğe alınır ve tamamen çevrimdışı çalışır.
Neden renk biçimleri arasında dönüştürme yapmam gerekiyor?
Farklı araçlar ve iş akışları farklı renk biçimleri kullanır. Tasarım araçları genellikle HEX çıktısı verirken, CSS animasyonları ve tema sistemleri daha kolay programlı düzenleme için HSL kullanabilir. Bu araç, zihinsel aritmetik yapmadan biçimler arasında hızlıca çeviri yapmanızı sağlar.
Teknik Uygulama
Tüm işlemler yalnızca tarayıcınızda gerçekleştirilir — hiçbir veri sunuculara gönderilmez. Bu araç, Aşamalı Web Uygulaması (PWA) olarak tamamen çevrimdışı çalışır: ilk ziyaretten sonra tüm sayfalar ve kaynaklar Service Worker tarafından önbelleğe alınır ve internet bağlantısı olmadan da kullanılabilir hale gelir. Girdiğiniz veriler cihazınızdan hiç çıkmaz, bu da API anahtarları, parolalar, özel yapılandırmalar ve gizli belgeler gibi hassas içerikler için güvenli bir ortam sağlar.