Softonic

HEX Renk Seçici

Adım 1 / 4 HEX colour picker

Yaygın hazır ayarlar

Tarayıcının görsel renk denetimiyle bir renk seçin veya üç ya da altı haneli bir HEX değeri girin. Araç RGB, HSL ve yaklaşık CMYK değerlerini üretir; bağıl parlaklığı ve beyaz ile siyaha göre kesin kontrast oranlarını hesaplar. Renk bu tarayıcıda işlenir ve adım URL’sine eklenmez.

Renk nasıl seçilir?

  1. 1

    Örnekle veya renk denetimiyle başlayın

    Örnek renklerden birini seçin ya da tarayıcının yerleşik renk seçicisini açın.

  2. 2

    Kesin HEX değerini girin

    #F60 gibi üç veya #FF6600 gibi altı hane yazın; kısa gösterim doğru biçimde genişletilir.

  3. 3

    Hesaplanan biçimleri inceleyin

    HEX, RGB, HSL, yaklaşık CMYK ve sRGB bağıl parlaklığını birlikte görün.

  4. 4

    Kontrastı kontrol edip kopyalayın

    Rengi beyaz ve siyahla karşılaştırın, ardından gereken HEX, RGB veya HSL değerini kopyalayın.

Pratikte renk gösterimleri

Her renk modeli biraz farklı bir soruya yanıt verir.

Gösterim referansı

Gösterim Bileşenler Nerede kullanılır
HEX #RRGGBB CSS, tasarım araçları, marka kılavuzları
RGB kırmızı 0–255, yeşil 0–255, mavi 0–255 CSS rgb(), görüntü düzenleyiciler
HSL renk tonu 0–360°, doygunluk %, açıklık % CSS hsl(), tasarım sistemleri
CMYK siyan %, magenta %, sarı %, key/siyah % Baskı, baskı öncesi hazırlık

Erişilebilirlik kontrastı

WCAG 2.2, metin ile arka plan arasındaki en düşük kontrast oranlarını tanımlar:

  • Normal metin için AA: ≥ 4,5:1
  • Büyük metin için AA (18 pt veya 14 pt kalın): ≥ 3:1
  • Normal metin için AAA: ≥ 7:1

Seçici, beyaz ve siyaha göre oranı gerçek zamanlı hesaplar. Özel bir ön plan rengi kritikse her renk çifti için özel bir kontrast denetleyici kullanın.

İpuçları

  • HEX çoğu tasarım aracında varsayılan gösterimdir, ancak üç haneli kısa hex (#F60) #FF6600 ile aynıdır; #F06060 değildir.
  • HSL palet oluşturmayı kolaylaştırır: renk tonunu kilitleyin, açık ve koyu varyasyonlar için açıklığı değiştirin.
  • CMYK ve RGB kusursuz biçimde birbirine dönüştürülemez, baskıdaki CMYK sonucu baskı profiline bağlıdır. Çalışmayı her zaman gerçek kağıt üzerinde prova edin.
  • Modern CSS için tasarım yapıyorsanız, algısal olarak daha eşit açıklık adımları için OKLCH kullanmayı değerlendirin.

Sık Sorulan Sorular

Photoshop bir renk profili uygular; ekran için genellikle sRGB, baskı içinse çoğu zaman farklı bir profil kullanılır. Tarayıcılar profilsiz HEX değerlerini sRGB olarak işler. Belgeniz Adobe RGB veya ProPhoto olarak ayarlıysa piksel değerleri aynı kalır, ancak algılanan renk değişir.

Evet, ikisi de saf kırmızıyı anlatır: kırmızı 255, yeşil ve mavi 0 değerindedir. HEX, 0 ile 255 arasındaki her kanal değerinin iki haneli onaltılık yazımıdır.

Ana rengi seçip HSL değerini kopyalayın. CSS veya tasarım aracında renk tonu ile doygunluğu sabit tutup açıklığı değiştirin. Her ön plan ve arka plan çiftinin kontrastını ayrı ayrı denetleyin.

Geçerli renk, yönlendirmeli adımlar boyunca bu tarayıcı sekmesinde en fazla 30 dakika tutulur. URL’ye eklenmez ve Livewire üzerinden gönderilmez. Baştan başlatmak, sekmeyi kapatmak, tarayıcı verilerini temizlemek veya sürenin dolması rengi siler.

İlgili Araçlar

İkilik Tabandan ASCII'ye Dönüştürücü

İkilik veri yapıştırın (boşlukla ayrılmış baytlar veya uzun bir bit dizisi) ve temsil ettiği ASCII metni alın. 7 bit ve 8 bit kodlamaları destekler.

BBCode HTML Dönüştürücü

BBCode'u (forum işaretlemesi) temiz HTML'e dönüştürün. Biçimlendirme etiketleri, listeler, alıntılar, kod, görseller, linkler ve tabloları işler.

ASCII İkili Dönüştürücü

Herhangi bir ASCII dizesini ikili gösterimine dönüştürün. Her karakter sekiz bite dönüşür, boşlukla ayrılır ve protokol izine ya da ödeve yapıştırmaya hazırdır.

Binary'den Hex'e Dönüştürücü

Binary girdiyi sade büyük harfli hexadecimal değere dönüştürün. Binary olmayan karakterler yok sayılır ve baştaki sıfırlar korunmaz.

İ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.

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.