Araçlar95

HARİKA BİR ŞEYLER YAP

Görsel Renk Seçici.

Bir görselden HEX, RGB ve HSL renklerini seçin. Bir palet çıkarıp düzenleyin, metin kontrastını kontrol edin, ardından renkleri kopyalayın veya PNG, SVG, CSS veya JSON olarak dışa aktarın.

Reklamlar
Görsel çalışma alanınız
Geçici sunucu işleme
veya buraya sürükleyip bırakın
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Başlamak için görselinizi seçin.RESİM
Reklamlar
Blog Görüntü renkleri nasıl seçilir ve palet nasıl oluşturulur Rehberi oku

Görüntü renklerini seçin ve kullanabileceğiniz bir palet oluşturun

Bir pikseli inceleyin, HEX, RGB veya HSL değerini kopyalayın ve bir fotoğraftan başlangıç paleti çıkarın. Beğendiğiniz renkleri tutun, geri kalanını düzenleyin, bir metin ve arka plan çiftini kontrol edin ve PNG, SVG, CSS veya JSON olarak dışa aktarın.

Bir görüntü, bireysel renk örnekleri ve iyileştirilip dışa aktarılabilen bir palet sağlar.
HIZLI VİDEO EĞİTİMİ How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. İngilizce seslendirme Videoyu izle

How to pick an image color and export a palette

Özellikler ve kontroller

Büyütülmüş bir görünümle piksel seçin

Bir rengi incelemek için görüntüye tıklayın veya dokunun, ardından kodunu kopyalayın.

Hassas konumlandırma ve önizleme sınırlamaları

Büyüteç, küçük detayları hedeflemenize yardımcı olur. Görüntüye odaklanın ve bir piksel hareket etmek için ok tuşlarını, on piksel hareket etmek için Shift ve ok tuşlarını, seçmek için Enter tuşunu kullanın. HEX, RGB ve HSL'nin ayrı kopyalama düğmeleri vardır. Tarayıcı tarafından çözülebilen kaynaklar tarayıcıda sRGB örneklenir. Bunun yerine normalleştirilmiş bir önizleme kullanıldığında, etiketi renkleri ve koordinatları yaklaşık olarak tanımlar.

Faydalı bir başlangıç paleti çıkarın

Çıkarmak için 3 ile 12 arası Renk seçin ve Baskın veya Canlı'yı deneyin.

Renkler ve yüzdeler nasıl tahmin edilir

Baskın, görüntünün ana renklerini tercih eder. Canlı, renkli vurgulara daha fazla etki sağlar. Çıkarma işlemi sınırlı bir görüntüyü örnekler, benzer renkleri gruplandırır ve istenen sayıya kadar döndürür; düz bir görüntü daha azını içerebilir. Tamamen şeffaf pikseller hariç tutulur ve kısmi opaklık bir pikselin ağırlığını azaltır. Yüzdeler, her orijinal pikselin tam sayısını değil, yaklaşık örneklenmiş grupları tanımlar. Otomatik çıkarma, görüntüyü sunucuya yükler.

Renklerinizi tutun, değiştirin ve yeniden sıralayın

Faydalı renk örneklerini kilitleyin, HEX değerlerini düzenleyin veya seçilmiş ya da özel bir renk ekleyin.

Dışa aktarmadan önce paleti iyileştirme

Rengini düzenlemek, sola veya sağa taşımak ya da kaldırmak için bir renk örneği seçin. Kilitle, Paleti yenile'yi kullandığınızda veya çıkarma ayarlarını değiştirdiğinizde seçilen bir rengi korur. Palete ekle, örneklenen RGB rengini kullanır; Özel renk ekle, bir HEX değeri girmenizi sağlar. Bir palet, dışa aktarma için 1 ile 12 arasında renk içerebilir. Seçilen, düzenlenen ve kilitli tutulan renkler, uydurma görüntü yüzdeleri almaz.

Şeffaf pikselleri anlama

Örnekleme altında Kaynak rengi veya Arka plan üzerinde birleştir'i seçin.

Kaynak opaklığı ve dışa aktarılan renkler

Kaynak rengi, kopyalanan kodda seçilen pikseli ve opaklığını bildirir. Arka plan üzerinde birleştir, Arka planı örnekle ile harmanlandıktan sonraki görünümünü gösterir. Palet renkleri ve dışa aktarımlar opak RGB değerleridir, bu nedenle yarı saydam bir kaynak rengi eklemek alfa kanalını korumaz. Örnekleme modu, incelenen rengi değiştirir; kaynak görüntüyü yeniden renklendirmez veya otomatik çıkarmayı değiştirmez.

Bir metin ve arka plan çiftini kontrol edin

İki rengi karşılaştırmak için Renk kontrastını kontrol et'i kullanın.

Kontrast sonucu neleri kapsar

Renk kontrolleriyle Metin ve Arka Plan'ı seçin, HEX değerlerini girin veya seçilen rengi kullanın. Önizleme, bir kontrast oranı ve metin için ayrı Normal AA, Normal AAA, Büyük AA ve Büyük AAA sonuçlarını gösterir. Bu sadece seçilen renk çiftini kontrol eder. Tüm sayfayı denetlemez, her arka plan görüntüsünü hesaba katmaz veya eksiksiz bir tasarımın erişilebilir olduğunu onaylamaz.

Bir sonraki adım için renkleri dışa aktarın

Bir palet görüntüsü, vektör renk örnekleri, CSS değişkenleri veya yapılandırılmış renk verileri kaydedin.

PNG, SVG, CSS ve JSON

PNG, etiketli bir palet kartı üretir. SVG, renk örneklerini ve etiketleri vektör içeriği olarak tutar. CSS, --color-1 gibi numaralandırılmış değişkenleri dışa aktarır. JSON, HEX, RGB ve HSL değerlerini içerir. Farklı kaydet'i ve ardından seçilen uzantıyla palette adlı bir dosya oluşturmak için Başlat'ı seçin. Sadece değerlere ihtiyacınız olduğunda bir rengi veya tüm HEX paletini kopyalamak daha hızlı olabilir.

Dosyalar ve işleme

Girdi
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC ve HEIF
Çıktı
Bir PNG, SVG, CSS veya JSON paleti

Dosya başına maksimum 25 MB. Çalıştırma başına bir giriş dosyası.

60 megapiksele kadar bir kaynak görsel. Çıkarım, kenar başına en fazla 512 pikselden örnek alır, tamamen şeffaf pikselleri yoksayar ve istenenden daha az renk döndürebilir. Dışa aktarma, 1 ile 12 arasında opak palet rengini destekler. Animasyonlu veya çok görüntülü kaynaklar ilk sabit karelerini kullanır.

Görsel, paletini çıkarmak için otomatik olarak yüklenir ve nihai dışa aktarma için tekrar yüklenir. Piksel seçimi ve manuel palet düzenlemeleri tarayıcıda çalışır. Tarayıcının kodunu çözemediği bir format, sunucu önizlemesine de ihtiyaç duyabilir. Bu araç, yapay zeka değil, geleneksel renk işleme kullanır.

Dosyalar sunucuda işlenir. Tarayıcı kod çözme işlemi kullanılamadığında veya belge önizlemesi gerektiğinde önizleme hazırlığı için de dosya yüklenebilir. Sunucu indirmeleri, oturumunuzda iki saate kadar kullanılabilir.

Görsel sonucu için, sonuçları indirme kısmının altındaki Devam et seçeneğini kullanarak uyumlu bir sonraki adımı seçin. Hangi görsellerin aktarılacağını seçebilirsiniz; bir sonraki araç kendi ayarlarıyla başlar.

Düzenleyiciyi veya indirme sayfasını yenilemek sizi araç sayfasına geri döndürür. Yeni bir iş akışına başlamadan önce sonucu indirin. Dosya işleme için Gizlilik Politikası kısmımıza bak.

SSS

Bilmekte fayda var.

Başlamadan önce birkaç yanıt.

Geçici sunucu işleme
Bir görüntüden HEX, RGB ve HSL alabilir miyim?

Evet. Bir piksel seçin ve ihtiyacınız olan değerin yanındaki kopyalama düğmesini kullanın. Seçici, ilgili olduğunda opaklığı gösterir; opak palet dışa aktarımları RGB renkleri içerir.

Baskın ve Canlı arasındaki fark nedir?

Baskın, yaygın görüntü renklerini vurgular. Canlı, renkli vurgulara daha fazla etki sağlar. Her ikisi de örneklenmiş yaklaşımlardır ve hiçbiri otomatik olarak belirli bir marka rengini bulmayı vaat etmez.

Altı renkli bir istek neden daha az renk döndürür?

Bir kaynak, daha az belirgin görünür renge sahip olabilir. Çıkarıcı, istenen sayıyı doldurmak için kopya renk örnekleri uydurmak yerine mevcut grupları döndürür.

Paleti yenilerken bir rengi tutabilir miyim?

Evet. Renk örneğini seçin ve Rengi kilitle'yi kullanın. Ayrıca özel bir HEX değeri ekleyebilir, renk örneklerini yeniden sıralayabilir veya dışa aktarmadan önce renkleri kaldırabilirsiniz.

Her şey tarayıcımda mı kalıyor?

Hayır. Piksel seçme ve palet düzenlemeleri tarayıcıda çalışır, ancak otomatik çıkarma ve nihai dışa aktarma, kaynağı sunucuya yükler. Bazı girdi formatları ayrıca sunucu tarafından oluşturulan bir önizlemeye ihtiyaç duyar.

Reklamlar

Dil38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Dilinizi seçin. Video eğitimleri şu anda İngilizce anlatım kullanmaktadır.