Ücretsiz görsel renk çıkarıcı
Renk Paleti Çıkarıcı
Renk Paleti Çıkarıcı, bir görseldeki birebir renkleri çıkarır ve bunları HEX, RGB, HSL, OKLCH ve CMYK kodlarıyla bir renk paleti olarak verir. Her renk görseldeki payını gösterir ve görsel tarayıcından hiç çıkmaz.
- Ücretsiz, kayıt yok
- Görseller cihazından çıkmaz
- Birebir piksel renkleri
Görselleri buraya bırak
ya da Ctrl+V ile yapıştır. JPG, PNG, WebP, GIF, AVIF, SVG. En fazla 20 görsel.
Renk paleti çıkarıcı nasıl çalışır?
Renk paleti çıkarıcı, görselinin piksellerini tarayıcında okur, benzer renkleri gruplar ve görseli en iyi tanımlayan renkleri verir.
Görsel ekle
JPG, PNG, WebP, GIF, AVIF veya SVG formatında en fazla 20 görseli bırak, yapıştır ya da seç. Yapıştırılan bir ekran görüntüsü de çalışır.
Renkler gruplanır
Çıkarıcı, pikselleri insan renk algısına uyacak şekilde tasarlanmış bir renk uzayı olan OKLab'de kümeler ve aynı görünen renkleri birleştirir.
Paleti şekillendir
2 ile 20 arasında renk sayısı belirle, bir mod seç ve herhangi bir birebir pikseli eklemek için görsele tıkla. Rengini yeniden seçmek için bir işaretçiyi sürükle.
Kopyala veya dışa aktar
HEX kodlarını kopyala, kontrastı kontrol et ya da paleti CSS, Tailwind, Adobe, Procreate, GIMP ve diğer formatlara aktar.
Çıkarıcı her renk için ne verir?
Çıkarılan her renk yedi renk kodu, en yakın renk adı, görseldeki payı, beyaza ve siyaha karşı kontrastı ve 50 ile 950 arası bir açık ve koyu ton skalası verir.
| Kod | Örnek | Kullanım alanı |
|---|---|---|
| HEX | #2A9D8F | Web tasarımı, CSS ve çoğu tasarım uygulaması |
| RGB | rgb(42 157 143) | Ekranlar, CSS ve görsel düzenleyiciler |
| HSL | hsl(173 58% 39%) | CSS'te açıklık ve doygunluk ayarı |
| HSB | hsb(173, 73%, 62%) | Photoshop, Figma ve Procreate renk seçicileri |
| OKLCH | oklch(63% 0.101 183) | Modern CSS'te algısal renk düzenleme |
| CIE Lab | lab(58.4 -35.2 -2.3) | Renk farkı ölçümü ve baskı iş akışları |
| CMYK | 73, 0, 9, 38 | Yazıcı profili olmadan baskı tahmini |
Görseline hangi çıkarma modu uyar?
Çıkarma modu, bir görselde palet boyutundan fazla renk olduğunda palete hangi renklerin gireceğini belirler.
| Mod | Neyi seçer | En uygun kullanım |
|---|---|---|
| Dengeli (varsayılan) | Piksel payına ve önceden seçilen renklere uzaklığa göre puanlanan geniş renk alanları ve belirgin vurgular | Fotoğraflar, illüstrasyonlar ve marka görselleri |
| Baskın | En çok pikseli kaplayan renkler | Bir görseli hangi renklerin doldurduğunu ölçme |
| Canlı | Kromaya göre ağırlıklandırılmış Dengeli puanı, böylece doygun vurgular üst sıralara çıkar | Moodboard'lar, ürün fotoğrafları ve sanat eserleri |
Birebir piksel ayarı görselde bulunan bir rengi verir. Ortalama ayarı her grubun ortalama rengini verir. Benzerleri birleştir kaydırıcısı, iki rengin tek renk sayılması için ne kadar yakın olması gerektiğini ΔE_OK uzaklığı olarak belirler (varsayılan 0.03).
Çıkarılan renkler ne kadar doğru?
Çıkarılan renkler birebir piksel değerleridir: çıkarıcı gerçek pikselleri karıştırmadan örnekler, bu yüzden Birebir piksel paletindeki her HEX kodu görselinde bulunur.
- Algısal gruplama. Renkler, eşit uzaklıkların eşit fark olarak göründüğü OKLab'de karşılaştırılır. RGB uzaklığı bazı renk farklarını olduğundan büyük, bazılarını olduğundan küçük gösterir.
- Tutarlı sonuçlar. Kümeleme sabit bir tohum değeri kullanır, bu yüzden aynı görsel ve ayarlar her zaman aynı paleti verir.
- Gerçek oranlar. Her piksel en yakın palet rengine atanır, bu yüzden payların toplamı %100 eder.
- Şeffaflığa uyum. Opaklığı %50'nin altındaki pikseller sayılmaz, bu yüzden şeffaf bir PNG yalnızca görünen renklerini gösterir.
Renk çıkarma nasıl çalışır rehberi bu yöntemi median cut, octree niceleme ve düz k-means ile karşılaştırır.
Hangi kaynaklardan renk çıkarabilirsin?
Renk Paleti Çıkarıcı, her biri kendi aracına ve ayarlarına sahip dört tür kaynağı okur.
Görseller
Fotoğraflar, illüstrasyonlar, ekran görüntüleri ve sanat eserleri. Birden fazla görsel, her görselin eşit sayıldığı tek bir birleşik palet oluşturur.
Logolar
Logo Renk Çıkarıcı birebir logo renklerini verir, arka planı kaldırır ve kenarlardaki karışmış pikselleri yok sayar.
Web siteleri
Web Sitesi Renk Çıkarıcı bir sitenin CSS kodunu okur ve URL'den marka, metin, arka plan ve kenarlık renklerini verir.
Tek pikseller
Resimden Renk Seçici tıkladığın her pikselin birebir HEX kodunu, hassas seçim için bir büyüteçle birlikte verir.
Hangi dışa aktarma formatlarını indirebilirsin?
Çıkarıcı bir paleti, tamamı tarayıcında oluşturulan 11 formatta dışa aktarır.
| Format | Dosya | Açıldığı yer |
|---|---|---|
| CSS değişkenleri | .css | Her web sitesi stil dosyası |
| Tailwind v4 ve v3 | @theme bloğu, tailwind.config.js | Tailwind CSS projeleri |
| SCSS | .scss | Sass projeleri |
| Tasarım token'ları | .tokens.json | W3C Design Tokens araçları ve Figma eklentileri |
| Adobe Swatch Exchange | .ase | Photoshop, Illustrator ve InDesign |
| Procreate | .swatches | iPad'de Procreate |
| GIMP paleti | .gpl | GIMP, Inkscape ve Krita |
| SVG | .svg | Figma, Sketch ve Illustrator |
| PNG palet kartı | .png | Sunumlar, moodboard'lar ve sosyal medya gönderileri |
| HEX listesi | .txt | Her uygulama |
Kod formatları, her renk için çıkarılan değerin çevresinde OKLCH ile oluşturulan 50 ile 950 arası bir açık ve koyu ton skalası içerebilir.
Renk paleti çıkarıcıyı kimler kullanır?
Tasarımcılar
Bir moodboard fotoğrafından veya referans görselden palet çıkar ve renk örnekleri olarak Figma, Adobe uygulamaları ya da Procreate'e gönder.
Geliştiriciler
Bir tasarım ekran görüntüsünü, tam bir açık ve koyu ton skalasıyla CSS değişkenlerine veya bir Tailwind temasına dönüştür.
İşletme sahipleri
Web siteni, online mağazanı ve sosyal medya gönderilerini tutarlı tutmak için bir logonun veya ürün fotoğrafının birebir HEX kodlarını bul.
Sanatçılar ve illüstratörler
Yeni bir çalışmaya başlamadan önce bir tablonun veya fotoğrafın renk oranlarını incele.
Baskı siparişi verenler
Prova öncesinde matbaayı bilgilendirmek için birebir ekran değerlerini ve CMYK tahminlerini topla.
Erişilebilirlik denetçileri
Bir paletin her renk çiftini WCAG 2 eşiklerine göre kontrol et. Bir palette WCAG kontrastı rehberi kuralları açıklar.
Görsellerin sunucuya yükleniyor mu?
Hayır. Görseller tarayıcının içinde çözülür ve analiz edilir, dosyalar hiçbir sunucuya ulaşmaz. Site hiçbir görseli ve hiçbir paleti saklamaz.
İki özellik sunucuyla iletişim kurar: bir görseli web adresinden yüklemek ve bir web sitesinin kodunu okumak. İkisi de herkese açık dosyayı senin için alır ve kopyasını tutmaz. Gizlilik politikası sitenin işlediği her veriyi listeler.
Renk paleti çıkarıcı: sık sorulan sorular
Renk paleti çıkarıcı ücretsiz mi?
Evet. Her özellik ve her dışa aktarma formatı ücretsizdir; hesap, filigran veya kullanım sınırı yoktur.
Bir palette kaç renk olabilir?
Bir palet, Renkler kaydırıcısıyla belirlenen 2 ile 20 arasında renk içerir. Varsayılan palette 6 renk bulunur.
Başka bir araç neden farklı renkler veriyor?
Araçlar renk uzayı, kümeleme algoritması, örnekleme ve renk örneği değeri bakımından farklıdır. Bu çıkarıcı renkleri OKLab'de gruplar ve varsayılan olarak gerçek piksel değerlerini verir, birçok araç ise renklerin RGB'de ortalamasını alır.
Birden fazla görselden tek bir palet çıkarabilir miyim?
Evet. En fazla 20 görsel ekle; çıkarıcı her görselin eşit ağırlık taşıdığı tek bir birleşik palet ve her görsel için küçük bir palet oluşturur.
Çıkarıcı telefonlarda çalışır mı?
Evet. Çıkarıcı mobil tarayıcılarda çalışır, galeriden fotoğraf kabul eder ve dokunarak renk seçer.
Hangi görsel formatları destekleniyor?
JPG, PNG, WebP, GIF, AVIF, BMP ve SVG dosyaları tüm güncel tarayıcılarda çalışır. HEIC fotoğraflar yalnızca Safari'de açılır, bu yüzden diğer tarayıcılar için JPG veya PNG kopyası gerekir.