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)
Oran: 5.17:1 · AA normal metin geçer · AA büyük metin geçer · AAA geçmez
Görselden renk seç
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 Renk kodlarını dönüştürmek için elindeki HEX, RGB veya HSL değerini ilgili giriş kutusuna yaz.
- 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 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.
Rehberler
Bu araçla ilgili yazılar ve format rehberleri.
İlgili araçlar
- EXIF Görüntüleme Fotoğrafın çekim tarihi, makine modeli, diyafram, ISO ve GPS konumu gibi EXIF alanlarını listeler. Dosya tarayıcıda okunur, sunucuya yüklenmez.
- EXIF Temizleme Fotoğraftaki konum, cihaz ve tarih bilgilerini kaldırır; görüntü aynı kalır. Temizlik tarayıcıda yapılır, dosyan hiçbir sunucuya gitmez. Kurulum gerekmez.
- Favicon Üretici Tek görselden favicon.ico ve tüm PNG simge boyutlarını üretir; HTML etiketlerini de verir. Görselin tarayıcıda işlenir, sunucuya yüklenmez. Kayıt ve ücret yok.
- Görsel Döndürme Görseli 90, 180 veya 270 derece döndürür, yatay ve dikey aynalar. Yön bilgisi piksellere işlenir; dosyan tarayıcıdan çıkmaz. Üyelik gerekmez.
- Görsel Filigran Görsele metin veya logo filigranı ekler; konum, saydamlık, boyut ve döşeme seçenekleriyle. Toplu çalışır, dosyaların sunucuya yüklenmez. Anında sonuç verir.
- Görsel Sansürleme Görselin seçtiğin bölgesini pikselleştirir, bulanıklaştırır veya düz renkle kapatır. Kişisel bilgi gizlemek için; dosyan sunucuya yüklenmez.