Renk ve Resim Analizcisi

Herhangi bir resimden baskın renkleri çıkarın ve paletler oluşturun, RGB ve parlaklık histogramlarını inceleyin, gri tonlamayı önizleyin ve erişilebilir renk çiftleri için WCAG kontrast oranlarını denetleyin. Tüm analiz tarayıcınızda yerel olarak çalışır — yükleme yok.

Önce gizlilik: her görsel tarayıcınızda yerel olarak işlenir. Hiçbir şey bir sunucuya yüklenmez, saklanmaz veya iletilmez.

PixelVault'un renk ve resim analizcisi, herhangi bir resimden paletleri, histogramları ve kontrast bilgilerini tamamen tarayıcınızda çıkarır. Bir fotoğraf, illüstrasyon ya da ekran görüntüsü ekleyin ve baskın renklerini, her rengin kapladığı payla birlikte, kopyalanabilir hex kodları olarak anında alın. Sevdiğiniz bir resimden, hiçbir şey kurmadan veya dosyanızı yüklemeden bir palet çekmenin hızlı bir yoludur.

Baskın renklerden, tutarlı bir şema oluşturmak için tamamlayıcı, benzer, üçlü ve tek renkli uyumlar üretebilir ve tüm paleti düz HEX, CSS değişkenleri, SCSS değişkenleri, JSON ya da bir Tailwind yapılandırması olarak dışa aktarabilirsiniz — doğrudan projenize yapıştırmaya hazır. Daha derin analiz için RGB ve parlaklık histogramları pozlamayı ve tonal dengeyi açığa çıkarır, gri tonlamalı bir önizleme bir resmin renksiz nasıl okunduğunu gösterir ve WCAG kontrast denetleyicisi, bir metin-arka plan çiftinin erişilebilirlik için AA ve AAA eşiklerini geçip geçmediğini söyler.

Nasıl çalışır

PixelVault, resmi düşük çözünürlükte örnekler ve baskın olanları bulmak için benzer renkleri gruplar, uyumlar oluşturmak için renk uzayları arasında dönüştürür ve histogramları hesaplamak için piksel değerlerini okur. Kontrast oranları WCAG 2.1 bağıl parlaklık formülünü kullanır. Bunların tümü, tarayıcınızda önceden yüklenmiş pikseller üzerinde çalışır.

Yerel işlem neden önemli

Yerel olarak analiz etmek, resimlerinizi — müşteri işlerini, yayınlanmamış tasarımları, özel fotoğrafları — ağdan uzak tutar. Yükleme yoktur ve bir kopya saklayabilecek bir sunucu yoktur, üstelik pikseller zaten sayfada olduğu için sonuçlar anlıktır.

Desteklenen biçimler

  • JPG — Doğrudan analiz edilir.
  • PNG — Renkler örneklenirken saydamlığa saygı gösterilir.
  • WebP — Tamamen desteklenir.

Yaygın kullanım alanları

  • Bir fotoğraftan veya tasarım referansından bir renk paleti çıkarın.
  • Bir marka veya arayüz için eşleşen renk şemaları üretin.
  • Erişilebilirlik için metin-arka plan kontrastını denetleyin.
  • RGB ve parlaklık histogramlarıyla pozlamayı ve tonu inceleyin.

Sıkça sorulan sorular

Analiz için resmim yükleniyor mu?
Hayır. Renk çıkarma, histogramlar ve kontrast denetimlerinin tümü tarayıcınızda yerel olarak çalışır.
Hangi renk bilgilerini alabilirim?
Baskın renkler, hex kodları ve pay yüzdeleriyle kopyalanabilir bir palet ve eksiksiz RGB ile parlaklık histogramları.
Kontrast denetleyicisi ne işe yarar?
İki renk arasındaki WCAG 2.1 kontrast oranını ölçer ve erişilebilir metin için AA, AA Large ve AAA eşiklerini geçip geçmediklerini gösterir.
Renk kodlarını kopyalayabilir miyim?
Evet. Hex kodunu kopyalamak için herhangi bir örneğe tıklayın ya da tüm paleti tek seferde kopyalayın.