HEX, RGB ve HSL arasındaki fark nedir?

HEX = Onaltılık (kırmızı için #FF0000). RGB = Kırmızı, Yeşil, Mavi (her biri 0-255). HSL = Hue (0-360°), Doygunluk (0-100%), Açıklık (0-100%). Hepsi aynı rengi farklı şekilde temsil eder.

Renk seçici nasıl kullanılır?

Renk karesine tıklayarak tarayıcınızın renk seçicisini açın. Seçtiğiniz herhangi bir renk otomatik olarak HEX, RGB ve HSL arasında dönüştürülür. Ayrıca HEX kodunu manuel olarak da yazabilirsiniz.

Geliştiriciler neden renk dönüşümüne ihtiyaç duyar?

CSS; HEX, RGB ve HSL'yi kabul eder. Figma/Photoshop HEX kullanır. Tailwind/Bootstrap HEX kullanır. API'ler bazen RGB gerektirir. Tüm formatların görünür olması zaman kazandırır ve hataları önler.

HSL'de Hue ne anlama gelir?

Hue = renk çemberindeki konum: 0° = kırmızı, 60° = sarı, 120° = yeşil, 180° = camgöbeği, 240° = mavi, 300° = eflatun, 360° = tekrar kırmızı. Bu, temel rengi kolayca değiştirmenizi sağlar.

Tutarlı bir renk paleti nasıl oluşturulur?

HSL kullanın: bir temel Hue seçin (ör. mavi için 217°). Arka planlar için: L=%95. Birincil öğeler için: L=%50. Metin için: L=%20. S ve H'yi sabit tutun, L'yi değiştirin — anında tutarlı palet.

#3b82f6, Tailwind CSS'teki Blue-500'dür. Düğmeler ve bağlantılar için yaygın olarak kullanılan canlı bir mavidir. RGB: 59,130,246. HSL: 217°, %91, %60.

🎨 Renk Dönüştürücü

HEX, RGB, HSL arasında canlı önizleme ile dönüştürün

Renk

📖 Kullanım Rehberi

Canlı önizleme ile HEX, RGB ve HSL formatları arasında renk dönüştürün. Tarayıcı renk seçiciyi kullanarak herhangi bir renk seçin veya bir HEX kodu yazın — dönüştürülmüş değerleri anında alın.

HEX, CSS ve HTML'de en yaygın formattır. RGB, CSS ve resim düzenleyicilerde kullanılır. HSL (Hue, Doygunluk, Açıklık) insanlar için daha sezgiseldir — renk, yoğunluk ve parlaklığı ayrı ayrı ayarlayın.

Geliştiriciler için: Figma/Photoshop'taki (HEX) tasarım renklerini CSS'e (RGB veya HSL) dönüştürün. UI tasarımcıları için: Farklı renkler deneyin ve doğru formatı kopyalayın. Renklerle çalışan herkes için.

Örnek: Mavi #3B82F6 → RGB: 59,130,246 → HSL: 217°, %91, %60. Kırmızı #FF0000 → RGB: 255,0,0 → HSL: 0°, %100, %50. Tamamen tarayıcınızda çalışır — veri yüklenmez.

❓ Sıkça Sorulan Sorular

En yaygın soruların cevapları

🔗 Share this tool

Share this free tool with friends — no signup required

🎨 Renk Dönüştürücü

📖 Kullanım Rehberi

❓ Sıkça Sorulan Sorular

🔗 Related Tools

🔗 Share this tool