İçeriğe geç
AREM Labs

EN TR

HEX RGB Renk

HEX, RGB ve HSL değerleri arasında çevirir; yüklediğin görselden damlalıkla renk alır ve palet üretir. Görselin tarayıcıda kalır, yüklenmez.

Ton paleti

Kontrast oranı (WCAG)

Örnek metinKüçük gövde metni

Oran: 5.17:1 · AA normal metin geçer · AA büyük metin geçer · AAA geçmez

Görselden renk seç

1Renk alınacak görseli bırak

JPG, PNG, WebP, GIF · tek dosya · görsel üzerine tıkla, renk alanlara yazılsın

İpuçları

  • Görsel üzerinde tıkladığın pikselin HEX, RGB ve HSL karşılığı aynı anda gösterilir.
  • Baskın renk paleti otomatik çıkarılır; marka renklerini fotoğraftan yakalamak için kullan.
  • Kontrast göstergesi metin/zemin çiftinin WCAG AA eşiğini geçip geçmediğini söyler.

Nasıl kullanılır?

  1. 1 Renk kodlarını dönüştürmek için elindeki HEX, RGB veya HSL değerini ilgili giriş kutusuna yaz.
  2. 2 Fotoğraftan renk yakalamak için görsel dosyanı çalışma alanına bırak ve damlalık ile istediğin piksele tıkla.
  3. 3 Otomatik oluşturulan baskın renk paletini ve WCAG AA kontrast uyumluluk sonucunu kontrol ederek değerleri kopyala.

Bilmen gerekenler

Dijital ekranlar renkleri kırmızı, yeşil ve mavi kanalların karışımıyla üretir. Standart sRGB renk uzayında her kanal 8 bit derinliğe sahiptir ve toplamda 16,7 milyon olası ton sunar. Web geliştirme ve grafik tasarım süreçlerinde bu değerler üç farklı biçimde ifade edilir: İki basamaklı onaltılık tabanda yazılan kompakt HEX kodları, doğrudan piksel yoğunluğunu belirten 0-255 arası RGB dizilimleri ve renk tonu ile doygunluğu insan algısına uygun ayrıştıran HSL koordinatları. Doğru renk kodlarını seçmek ve metin ile arka plan arasında WCAG AA standardının zorunlu kıldığı en az 4,5:1 kontrast oranını yakalamak, arayüzlerin erişilebilirliği açısından kritik bir gerekliliktir.

Bu araç, HTML5 Canvas API üzerinden tarayıcı belleğindeki piksel verilerini doğrudan okuyarak renk modelleri arasında kayıpsız matematiksel dönüşüm gerçekleştirir. Yüklediğin herhangi bir raster görselin piksellerine damlalık aracıyla tıkladığında ilgili noktanın HEX, RGB ve HSL karşılıkları anlık olarak listelenir. Ayrıca renk nicemleme algoritması görseldeki piksel dağılımını analiz ederek en baskın renklerden oluşan bir uyum paleti üretir ve seçilen renk çiftlerinin WCAG kontrast uygunluğunu doğrular. Tüm hesaplamalar yerel işlemcin üzerinde yürütülür; ancak monitörünün renk profili veya tarayıcının renk yönetimi sRGB dışındaki geniş gamutlu görsellerde hafif algısal ton farkları yaratabilir.

Sık sorulan sorular

Görselimi yüklediğimde dosya bir sunucuya aktarılıyor mu?

Hayır, görsel dosyan hiçbir uzak sunucuya gönderilmez. Piksel okuma ve renk paleti çıkarma işlemlerinin tamamı tarayıcının yerel Canvas API katmanında, cihazının kendi belleğinde yürütülür.

HEX, RGB ve HSL arasında dönüşüm yaparken ton kaybı yaşanır mı?

Standart 24 bit sRGB uzayı sınırları içinde yapılan matematiksel dönüşümler kayıpsızdır. HSL hesaplamalarında meydana gelebilecek küçük ondalık yuvarlamaları dışında üretilen piksel rengi tamamen aynı kalır.

WCAG AA kontrast göstergesi tam olarak neyi doğrular?

Seçtiğin metin rengi ile arka plan rengi arasındaki ışık yoğunluğu oranını hesaplar. Standart boyutlu metinler için en az 4,5:1, büyük başlıklar için en az 3:1 okunabilirlik eşiğinin aşılıp aşılmadığını bildirir.

Paylaş

Rehberler

Bu araçla ilgili yazılar ve format rehberleri.

Rehber →

İlgili araçlar