Softonic

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

Adım 1 / 2
Sonraki

Bir rengi hex (#ff6600 veya #f60), rgb(255, 102, 0), virgülle ayrılmış 255, 102, 0 ya da hsl(24, 100%, 50%) biçiminde yapıştırın; dönüştürücü onu anında diğer iki formata çevirir ve her format için canlı renk önizlemesi ile tek tıkla kopyalama sunar.

Renk kodu dönüştürme nasıl çalışır?

  1. 1

    Desteklenen bir formatta renk girin

    Hex (#abc, #abcdef), rgb(r, g, b), virgülle ayrılmış r, g, b veya hsl(h, s%, l%).

  2. 2

    İç temsil olarak ayrıştırılır

    Araç, değeri dahili olarak RGB'ye çevirir ve bundan hex ile HSL karşılıklarını türetir.

  3. 3

    Tüm formatlar görüntülenir

    Karşılık gelen hex, RGB ve HSL dizeleri yan yana gösterilir.

  4. 4

    Canlı önizleme rengi

    Ortaya çıkan rengi bir bakışta gösterir, böylece kopyalamadan önce dönüşümü doğrulayabilirsiniz.

Desteklenen formatlar

Format Örnek Kullanım
Hex 3 #F66 Kısa yazım; yalnızca tekrar eden rakamlı renkler için
Hex 6 #FF6B6B CSS ve grafik tasarımda varsayılan
RGB rgb(255, 107, 107) CSS, JS, tasarım yazılımları
Virgülle ayrılmış 255, 107, 107 İşlev sözdizimi olmadan RGB ile aynı
HSL hsl(0, 100%, 71%) Ton/doygunluk/parlaklık üzerinde düşünmek daha kolay

Hangi durumda hangisini kullanmalı?

  • Statik CSS ve tasarım teslimi için hex.
  • Kanalları JavaScript’e veya tasarım yazılımlarına aktarırken RGB.
  • Parlaklık ya da doygunluk ayarlarken HSL; zihinsel modeli RGB’den daha nettir.

HSV, CMYK, LAB, LCH ve OKLCH gibi diğer formatlar tasarım araçlarında mevcuttur. Bunlar aynı rengi farklı şekillerde tanımlar, ancak bu dönüştürücü yukarıdaki üç temel web formatına odaklanır.

Doğruluk

  • Hex, RGB ve HSL arasındaki dönüşümler tamdır: hex ve RGB aynı renk modelidir, HSL ise standart bir formülle RGB’den türetilir.
  • HSL değerleri tam sayılara yuvarlanır, bu yüzden gidiş-dönüş dönüşümde son rakam kayabilir. Görünen renk aynıdır; bit düzeyinde birebir dönüşüm için hex kullanın.

Sık Sorulan Sorular

Geniş uyumluluk için hex veya rgb(). Okunabilirlik istiyorsanız hsl(). Modern tarayıcılar oklch() ve diğer formatları da destekler, ancak hex en güvenli varsayılan olmaya devam eder.

Hayır, dönüştürücü yalnızca opak renkleri kabul eder: 3 veya 6 haneli hex, rgb() ve alfa kanalı olmayan hsl(). rgba() veya 8 haneli hex’i doğrudan CSS’inizde kullanın.

Hayır, dönüştürücü yalnızca üç sayısal formatı kabul eder. Adlandırılmış rengi önce hex’e çevirmek için bir renk seçici veya çevrimiçi bir arama kullanın.

HSL, tam sayı ton, doygunluk ve parlaklık değerleriyle gösterilir, bu yüzden gidiş-dönüşte değer bir birim kayabilir. Görünen renk aynıdır; birebir kopya gerektiğinde hex kullanın.

İlgili Araçlar

Gradyan Duvar Kağıdı Oluşturucu

Dizüstü bilgisayar, telefon veya Zoom arka planları için bulanık üç renkli gradyan duvar kağıtları oluşturun. Açıyı ve bulanıklığı rastgele belirleyin ya da elle ayarlayın.

FPS Sayacı

requestAnimationFrame ile tarayıcı FPS değerini ölçün: yumuşatma, en düşük ve en yüksek kare hızı, uyarı eşiği ve isteğe bağlı grafik. Yerel çalışır, yükleme ve API yoktur.

JSON Biçimlendirici

JSON metnini 2 veya 4 boşlukla okunabilir hale getirmek, kompakt çıktıya küçültmek ya da sonucu kopyalamadan önce söz dizimini hızlıca kontrol etmek için yapıştırın.

Renk Paleti Jeneratörü

Temel bir HEX renginden monokromatik, analog, tamamlayıcı, triadik veya tetradik paletler oluşturun ve kopyalamaya hazır CSS değişkenleri alın.

İkiliden Sekizliye Dönüştürücü

Bitleri üçer üçer gruplayarak ikiliyi sekizliye dönüştürün. Unix izinleri, eski sistemler ve kompakt sayısal gösterim için yararlıdır.

HAR Dosyası Görüntüleyici

HAR ağ kayıtlarını yerel olarak açın, istekleri filtreleyin, maskeli üstbilgileri ve zamanlama aşamalarını inceleyip temizlenmiş özetleri yüklemeden dışa aktarın.