CrateX.app

Görsel Renk Seçici ve Palet

Görselden renk seçmek için tıklayın, baskın renkleri ve paleti otomatik çıkarın, HEX/RGB kopyalayın ve CSS değişkenleri dışa aktarın. PNG, JPG/JPEG, WebP, AVIF, HEIC/HEIF destekler.

Görseli buraya sürükleyin veya seçmek için tıklayın

Destekler: PNG / JPG / JPEG / WebP / AVIF / HEIC / HEIF

Hızlı başlangıç

Görsel içe aktar: Sürükleyip bırakın veya seçmek için tıklayın

Panel değiştir: Masaüstü yan panel gösterir; Mobil alt düğmeye dokunun

Seçmek için tıkla: Görselde herhangi bir yere tıklayarak o pikselin rengini alın

Renk kopyala: Seçtikten sonra HEX/RGB/CSS formatını kopyalayın

Renk sayısı belirle: Kaydırıcıyı sürükleyin veya preset tıklayın (4/6/8/12/16/24/32)

Palet çıkar: Baskın renk listesi almak için çıkarma düğmesine tıklayın

CSS dışa aktar: Çıkarma sonrası CSS değişkenleri dosyasını dışa aktarın

JSON dışa aktar: Çıkarma sonrası JSON veri dosyasını dışa aktarın

Sıfırla: Mevcut görsel ve sonuçları temizle

Yaygın kullanım senaryoları

Tasarım/poster renk seçimi

Renk şeması için birincil ve vurgu renklerini çıkarın

Tema/tasarım sistemi

Proje için CSS değişkenleri veya JSON dışa aktarın

Bileşen stillendirme

Düğmeler, etiketler, grafikler için eşleşen renkler çıkarın

Marka tutarlılığı

Marka varlıklarından standart renk paleti çıkarın

Renk seçici ve palet seçenekleri

Renk sayısı: 2–32, genellikle 8/12; fotoğraf/gradyan 16–32 önerir

Preset düğmeleri: 4/6/8/12/16/24/32 tek tıkla geçiş

Sıralama: Yüzdeye göre yüksekten düşüğe, en yaygın renkler önce

Rengin yanındaki sayı: Görseldeki piksel yüzdesini gösterir

Kullanım tavsiyeleri

Genel etkiyi görmek için 8/12 ile başlayın, sonra gerekirse 16/24/32'ye yükseltin

Projede kullanırken --color-1'i anlamsal adlara değiştirin (örn., --color-primary)

Büyük görselleri çıkarırken tarayıcı kısıtlamasından kaçınmak için sayfayı ön planda tutun

Sınırlamalar ve uyumluluk

Tek dosya sınırı 128MB, çok büyük görseller yavaşlamaya neden olabilir

Palet çıkarma performans için otomatik downsampling yapar, sonuçlar temsili renklerdir

HEIC/HEIF kod çözme tarayıcı desteğine bağlıdır, başarısız olursa JPG/PNG'ye dönüştürün

Şeffaf pikseller göz ardı edilir veya gerçek RGBA olarak işlenir

Gizlilik ve güvenlik

Tüm işleme tarayıcınızda yapılır; veriler asla cihazınızdan ayrılmaz

Sıkça Sorulan Sorular

Sonraki adım için bu ilgili araçlarla devam edin.

İlgili araçlar