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

ASCII Tablosu Referansı

NUL, LF ve DEL dahil her kod için ondalık, onaltılık, sekizlik ve ikili değerlerle HTML sayısal karakter başvurusu gösterimini sunan tam ASCII tablosu.

HTML Karakter Referansı

HTML varlıklarının aranabilir listesi; adlandırılmış ve sayısal kodlarıyla birlikte özel karakter ve semboller için tek tıkla kopyalama.

Dosya Boyutu Dönüştürücü

Bayt, KB, MB, GB, TB ve ikili IEC birimleri (KiB, MiB, GiB, TiB) arasında, ondalık ve ikiliyi dilediğiniz gibi birleştirerek dönüşüm yapın.

Luhn Algoritma Kontrolcüsü

Kredi kartı numarasını, IMEI'yi, SIN'i ve diğer Luhn korumalı numaraları doğrulayın. Başarılı veya başarısız sonuç verir ve her çaprazlama ile kontrol toplam adımı gösterir.

Kodu görsele dönüştür

Kodu yapıştırın; tema, renkler, yazı boyutu, boşluk, başlık ve satır numaralarını ayarlayın, canvas önizlemesini kontrol edin ve PNG indirin. Sözdizimi vurgusu olmayan düz metin çizimi.

CSS Fiyat Tablosu Oluşturucu

HTML + CSS ile tek bir fiyat kartı oluşturun: paket adı, fiyat ve marka vurgu rengi. Kodu açılış sayfanıza kopyalayın.

Araç diğer dillerde mevcuttur