Herhangi Bir Resimden Piksel Hassasiyetinde Renk Çıkarın. Kullanıcı arayüzleri (UI/UX) tasarlarken, dijital marka varlıkları oluştururken, sanat eserlerini çizerken veya ticari baskı dosyaları hazırlarken fotoğraflardan, logolardan, kullanıcı arayüzü ekran görüntülerinden veya doğa manzaralarından tam renk kodlarını çıkarmak günlük bir zorunluluktur. Bu araç tüm temel dijital ve baskı formatlarında (HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, Ondalık ve resmi W3C renk adları) %100 renk örnekleme doğruluğu sağlayan hedef ızgaralı yüksek DPI 10x piksel büyüteç merceği sunar.

1. Dijital Renk Modelleri: RGB, CMYK, HSL ve HEX

Farklı medya ve bilgi işlem platformları farklı matematiksel renk uzaylarına dayanır:

  • RGB ve RGBA (Toplamsal Işık Modeli): Tüm dijital ekranlar (monitörler, akıllı telefonlar, TV'ler) tarafından kullanılır. Renkler 0 ile 255 arasındaki Kırmızı (R), Yeşil (G) ve Mavi (B) ışık kanallarının harmanlanmasıyla oluşturulur. RGBA ek bir Alfa saydamlık kanalı içerir.
  • HEX Kodları: Web teknolojileri (HTML ve CSS) genelinde evrensel standart olarak hizmet veren RGB'nin onaltılık gösterimleri (örn. #1D4ED8). Çiftler Kırmızı, Yeşil ve Mavi yoğunluklarına karşılık gelir.
  • HSL ve HSV / HSB: Renkleri Ton (0–360°), Doygunluk (%0–100) ve Açıklık/Değer (%0–100) aracılığıyla tanımlayan insani açıdan sezgisel gösterimler. HSL ve HSV, Figma ve Adobe Photoshop gibi tasarım yazılımlarındaki standart renk seçicilerdir.
  • CMYK (Çıkarımsal Pigment Modeli): Fiziksel ofset baskı ve yayıncılıkta kullanılır. Renkler beyaz kağıt üzerindeki Camgöbeği (Cyan), Macenta (Magenta), Sarı (Yellow) ve Anahtar/Siyah (Key/Black) mürekkep karışımları aracılığıyla ışığın emilmesiyle oluşturulur.

2. Mikroskobik Hassasiyet İçin Piksel Büyüteç Merceği

Standart tarayıcı renk seçicileri özellikle ince metinler, kenar yumuşatmalı vektör kenarları veya mikro dokular etrafında genellikle kesin olmayan imleç örneklemesinden muzdariptir. Bu araç 11×11 piksellik bir ızgara oluşturan özel bir 10x piksel büyüteç merceğine sahiptir. Her bir piksel açıkça sınırlandırılmıştır ve yüksek kontrastlı bir merkez artı işareti sıfır tahmin yürütmeyle tam renk kilitlemesi sağlar.

3. Otomatik Baskın Renk Paleti Çıkarma

Bir resim yüklendiğinde araç en baskın ve belirgin renklerin 6–8 tanesini otomatik olarak izole etmek için uzamsal renk kuantizasyonu ve küme filtrelemesi yürütür. Çıkarılan her bir renk örneği tam HEX kodunu ve resim içindeki yüzde kapsamını görüntüler. Tasarımcılar tam paleti tek bir tıklamayla yerel CSS özel özellikleri, bir JSON dizisi veya virgülle ayrılmış bir HEX listesi olarak dışa aktarabilirler.

4. WCAG 2.1 ve 2.2 Erişilebilirlik ve Kontrast Analizi

Web erişilebilirliği uyumluluğu modern web geliştirmenin temel bir gereksinimidir. W3C Web İçeriği Erişilebilirlik Yönergeleri (WCAG) uyarınca metin görme engelli kullanıcılar için okunabilirliği sağlamak amacıyla arka planına karşı yeterli bir kontrast oranını korumalıdır:

  • WCAG AA (Normal Gövde Metni): En az 4.5 : 1 kontrast oranı gerektirir.
  • WCAG AA (Büyük Metin ve UI Bileşenleri): En az 3.0 : 1 kontrast oranı gerektirir.
  • WCAG AAA (Gelişmiş Kontrast): En az 7.0 : 1 kontrast oranı gerektirir.

Aracımız örneklenen rengin bağıl parlaklığını resmi W3C formülüne göre otomatik olarak hesaplar ve açık veya koyu tipografinin optimum uyumluluğu sağlayıp sağlamadığı konusunda anında öneriler sunar.

5. %100 İstemci Tarafı Gizlilik ve Güvenlik

Tüm resim işleme, piksel çıkarma ve renk hesaplamaları HTML5 Canvas ve JavaScript aracılığıyla tamamen web tarayıcınızın içinde gerçekleşir. Resimleriniz, ekran görüntüleriniz ve çizimleriniz hiçbir zaman harici bir sunucuya yüklenmez veya saklanmaz; bu da hassas tasarım varlıkları ve kişisel fotoğraflar için mutlak gizlilik sağlar.