İçeriğe atla

Görsel Renk Seçici ve Palet

Tarayıcıda tek bir görselden renk seçin, HEX/RGB/CSS kopyalayın, 2-32 renkli temsili paleti çıkarın ve HEIC/HEIF desteğiyle CSS değişkenleri veya JSON dışa aktarın.

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

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

Dosya sayısı

0 / 1

Toplam boyut

0 bytes / 25 MB

Dosya başına sınır

25 MB

Görsel Renk Seçici ve Palet

Hızlı başlangıç

1
Bir görsel içe aktar
2
Önizlemeye tıkla ve HEX/RGB/CSS kopyala
3
Palet boyutu seç (4/6/8/12/16/24/32)
4
Temsili renkleri çıkar
5
CSS değişkenleri veya JSON dışa aktar

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ğraflar/gradyanlar 16-32'yi öneriyor
Preset düğmeleri: 4/6/8/12/16/24/32 tek tıkla geçiş
Sıralama: Yüksekten düşüğe doğru nicelenmiş örnek sayısına göre, en yaygın renkler ilk sırada olacak şekilde
Rengin yanındaki sayı: Altörneklenmiş palet görüntüsünden nicelenmiş örnek sayısını gösterir
Dışa aktarma sözleşmesi: CSS değişkenleri:root --color-1 adlarını kullanır; JSON her palet rengi için index/hex/css/rgb/count'u listeler.

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

Performans için palet çıkarma otomatik alt örnekleri; sonuçlar temsili renklerdir.
Hassasiyet: tıklama örneklemesi, en uzun tarafta 2.048 piksele kadar görüntülenen bir tuval kullanır; Palet çıkarma işleminde 256 piksellik bir örnek kullanılır.
HEIC/HEIF yalnızca giriştir; yerel kod çözme başarısız olabilir; bu nedenle gerekirse PNG/JPEG'e dönüştürün.
Alfa işleme: CSS rgba(...) çıktısını alabilir;HEX/RGB alfa içermez; JSON, css değeri boyunca alfayı korur.
Giriş sınırı: URL içe aktarma, yapıştırma içe aktarma, ekran damlalığı veya tarayıcı uzantısı iş akışı yok.
Renk sınırı:HSL/CMYK/Pantone/LAB/OKLCH dönüşümü, kontrast denetleyicisi veya WCAG matrisi yok.
Dışa aktarma sınırı: Tailwind/SCSS/ASE/Figma/Procreate renk örneği dışa aktarımı yok.

Gizlilik ve güvenlik

Görüntüden renk seçme ve palet çıkarma tarayıcıda çalışır. Kaynak görsel bu araç açıkken sayfa belleğinde kalır. Palet boyutu ayarı tarayıcı depolamasında kalabilir; WebDAV eşitlemesi açıksa bu ayar senin ayarlarına göre eşitlenebilir. Seçilen renk, palet, hata mesajı ve önizleme yakınlaştırma / kaydırma verileri çalışma zamanı inceleme durumudur ve mevcut oldukları sürece WebDAV state schema üzerinden de eşitlenebilir. Görsel dosyası varsayılan olarak eşitlenmez; yalnızca ek eşitlemesini açıkça etkinleştirirsen WebDAV ek eşitlemesine girer. CSS/JSON palet dışa aktarımları indirme sırasında oluşturulur ve ayrı sonuçlar olarak saklanmaz. Paylaşılan cihazlarda gerektiğinde görseli, seçilen renkleri, paleti, kaydedilen ayarları ve site verilerini temizle.

Sıkça Sorulan Sorular

5

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

Araçların tüm işlenmesi tarayıcınızda yerel olarak gerçekleşir.