AraçKutusu

Renk Seçici (HEX ⇄ RGB)

Renk seçin ya da kod yapıştırın; HEX, RGB ve HSL karşılıklarını anında görün ve tek tıkla kopyalayın.

#D13B3B

Seçili renk

Hazır renkler — tıklayıp seçin

Yukarıdan seçebilir veya buraya kod yapıştırabilirsiniz.

Kodların üstüne gelip tıklayarak kopyalayın. Hiçbir veri gönderilmez.

Renk Seçici (HEX ⇄ RGB) nedir, ne işe yarar?

Renk seçici, bir rengi görsel olarak seçip HEX, RGB ve HSL kodları arasında dönüştürmeye yarayan araçtır. Tasarımcılar ve geliştiriciler bir rengin kod karşılığını hızlıca almak için kullanır.

Paletten renk seçebilir veya elinizdeki kodu yapıştırabilirsiniz; tüm karşılıkları anında görür ve tek tıkla kopyalarsınız. Hiçbir veri gönderilmez.

Renk Seçici (HEX ⇄ RGB) nasıl yapılır?

  1. Renk seçiciden bir renk seçin ya da elinizdeki HEX kodunu yapıştırın.
  2. HEX, RGB ve HSL karşılıkları anında görünür.
  3. İstediğiniz kodun yanındaki kopyala simgesine tıklayın.

Nerelerde kullanılır?

  • Web/CSS için HEX renk kodu almak
  • HEX ile RGB arasında dönüşüm yapmak
  • Marka rengini tam kod olarak belgelemek
  • Uyumlu renk tonları arasından seçim yapmak

İpuçları

  • HEX kodu CSS ve tasarım araçlarında en yaygın kullanılan biçimdir.
  • RGBA ile rengin saydamlığını (alfa) da belirtebilirsiniz.
  • Koyu ve açık tonları not alarak tema paleti oluşturun.

HEX, RGB ve HSL neyi anlatır?

Üçü de aynı rengi farklı biçimlerde ifade eder. HEX, kırmızı yeşil mavi değerlerini onaltılık olarak yazar ve web'de en yaygın kullanılan biçimdir. RGB aynı bilgiyi ondalık sayılarla verir; saydamlık eklenecekse bu biçim gerekir.

HSL ise farklı bir mantık kurar: renk tonu, doygunluk ve açıklık. Bu, insan sezgisine daha yakındır — bir rengin daha açık tonunu bulmak için yalnızca açıklık değerini artırmanız yeterlidir. HEX ile aynı işi yapmak üç değeri birden ayarlamayı gerektirir.

Renk paleti kurarken HSL avantajı

Bir markanın açık ve koyu tonlarını türetmek HSL ile çok kolaydır: renk tonu ve doygunluk sabit tutulur, yalnızca açıklık değiştirilir. Sonuçta birbiriyle uyumlu, aynı aileden gelen bir ton dizisi elde edilir.

Aynı işi HEX üzerinden yapmaya çalışmak deneme yanılmaya döner ve genellikle tutarsız tonlar üretir. Arayüz tasarımında gri tonlarının bile hafif bir renk tonu taşıması, HSL ile kolayca sağlanır ve sonucu belirgin şekilde daha profesyonel gösterir.

Ekranda gördüğünüz renk her yerde aynı değildir

Farklı ekranlar aynı renk kodunu farklı gösterir; kalibre edilmemiş ekranlar arasındaki fark şaşırtıcı olabilir. Baskıda ise renk üretimi tamamen farklı bir sistemle yapılır ve ekrandaki canlı renklerin bir kısmı kâğıtta karşılık bulamaz.

Bu yüzden kritik işlerde renk kodunu paylaşmak, ekran görüntüsü paylaşmaktan güvenlidir. Seçim tarayıcınızda yapılır; hiçbir veri gönderilmez.

Sık sorulan sorular

HEX ile RGB arasındaki fark nedir?

İkisi de aynı rengi anlatır, farklı yazımlardır. HEX (#4f46e5) web ve tasarımda yaygındır; RGB (rgb(79,70,229)) CSS ve resim programlarında kullanılır. Bu araç birinden diğerine anında çevirir.

HSL nedir, ne işe yarar?

HSL renk tonunu (H), doygunluğunu (S) ve açıklığını (L) ayrı ayrı belirtir. Bir rengin daha açık/koyu tonunu üretmek istediğinizde HEX'ten çok daha kullanışlıdır.

Renk kodu kaydediliyor mu?

Hayır. Tüm çevrimler tarayıcınızda anında yapılır; hiçbir veri gönderilmez.

Fotoğraftan renk alabilir miyim?

Bu araç kod ve seçici üzerinden çalışır. Fotoğraftaki bir rengin kodunu almak (damlalık) farklı bir özelliktir; ihtiyaç olursa eklenebilir.

İlgili araçlar