pluri.tools
🇹🇷
🇬🇧 English 🇧🇷 Português 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇮🇹 Italiano 🇯🇵 日本語 🇳🇱 Nederlands 🇵🇱 Polski 🇹🇷 Türkçe 🇸🇪 Svenska 🇳🇴 Norsk 🇩🇰 Dansk

RGB HSL Dönüştürücü

↔ HSL RGB Dönüştürücü

Nedir RGB HSL Dönüştürücü

Bu araç RGB değerlerini (Kırmızı 0–255, Yeşil 0–255, Mavi 0–255) HSL'ye (Ton, Doygunluk, Açıklık) çevirir. HSL renk üzerinde oynamak için daha sezgiseldir — bir rengin daha açık veya koyu sürümlerini Açıklık değerini ayarlayarak üretmek, tek tek RGB kanallarını değiştirmekten çok daha kolaydır.

Nasıl kullanılır

  1. RGB alanlarına Kırmızı, Yeşil ve Mavi değerlerini (0–255) girin.
  2. HSL ve HEX değerleri anında güncellenir.
  3. hsl(h, s%, l%) formatını kopyalamak için HSL'nin yanındaki kopyala düğmesine tıklayın.
  4. Üstteki mod bağlantılarıyla 6 dönüştürücü arasında geçiş yapın.

Ne zaman kullanılır

Eski bir stil dosyasındaki marka rengini HSL tabanlı bir tasarım sistemine mi taşıyorsunuz? rgb(59, 130, 246) girin; hsl(217, 91%, 60%) alın. Oradan hover durumu için açıklığı %55'e, aktif durum için %45'e düşürebilirsiniz — tona hiç dokunmadan.

Sık sorulan sorular

rgb(255, 0, 0) HSL olarak nedir?

rgb(255, 0, 0) = hsl(0, 100%, 50%) — saf kırmızı. 0° ton kırmızıdır, %100 doygunluk tam doygun, %50 açıklık saf orta tondur.

rgb(0, 0, 0) HSL olarak nedir?

rgb(0, 0, 0) = hsl(0, 0%, 0%) — siyah. Sıfır açıklık her zaman siyahtır.

rgb(255, 255, 255) HSL olarak nedir?

rgb(255, 255, 255) = hsl(0, 0%, 100%) — beyaz. Azami açıklık her zaman beyazdır.

RGB'den HSL'ye dönüşüm neden işe yarar?

HSL renk ilişkilerini görünür kılar. rgb(59, 130, 246) değerine bakınca ne kadar mavi veya parlak olduğunu bir bakışta söyleyemezsiniz. Ama hsl(217, 91%, 60%) size anında bir mavi (renk çemberinde 217°), yüksek doygunlukta (%91) ve orta açıklıkta (%60) olduğunu söyler.

Bu aracı girdilerim dolu şekilde paylaşabilir miyim?

Evet. Siz yazarken URL otomatik güncellenir. Adres çubuğundan kopyalayın veya Paylaş düğmesini kullanın — bağlantıyı açan herkes girdilerinizi hazır görür.

İlgili araçlar

HSL RGB Dönüştürücü

HSL renk değerlerini RGB'ye anında çevirin. Canlı önizlemeli ücretsiz HSL - RGB dönüştürücü. hsl() değerlerini JavaScript ve Canvas için rgb() yapın.

En Boy Oranı Hesaplama

En boy oranını hesaplayın, eksik genişlik veya yüksekliği bulun ve görselleri, videoları oranı bozmadan yeniden boyutlandırın. Ücretsiz.

Base64 Çözücü

Base64 dizelerini tarayıcınızda anında düz metne çözün. Emojiler dahil tam Unicode çıktı desteği. Ücretsiz online Base64 çözücü.