Karşılaştırıldı · 2026-10-25 tarihinde kontrol edildi
En iyi ücretsiz renk paleti ve kontrast araçları
Bir palet aracı resimdeki renkleri bulmalı, tek bir renkten uyumlu tonlar üretmeli, metnin okunaklı kaldığını denetlemeli ve paleti tasarım ya da kod araçlarınıza aktarabilmelidir. Her birinin neler sunduğu, kendi sayfalarından alınarak aşağıda.
Bu sayfadaki araçlardan biri olan Slop Colors uygulamasını biz yapıyoruz. Diğer araçlarla ilgili her bilgi, 2026-10-25 tarihinde göründüğü şekliyle, her birinin altında bağlantısı verilen kendi sayfalarından alınmıştır. Fiyatlar ve özellikler değişir: seçmeden önce her siteyi kontrol edin.
Nasıl karşılaştırdık
- Ücretsiz; hesap ya da plan neler ekler
- Bir resimden renkler
- Tek bir renkten uyumlar ve ölçekler
- WCAG kontrast denetimi
- Dışa aktarma dosyaları (CSS, Tailwind, ASE, GPL)
Bir bakışta
| Araç | Fiyat | Çalıştığı yerler | Bir resimden renkler | Kontrast denetimi |
|---|---|---|---|---|
| Slop Colors bizim | Ücretsiz, hesap yok | Herhangi bir güncel tarayıcı | Damlalık ve ana renkler (k-means) | Oran, AA ve AAA, düzeltme önerisiyle |
| Coolors | Ücretsiz plan; Pro plan | Web, iOS uygulaması, Figma eklentisi, Chrome eklentisi | Resim Seçici | Kontrast Denetleyici |
| Adobe Color | Ücretsiz | Web | Bir resimden çıkarma | WCAG kılavuzuyla kontrast oranları |
| WebAIM Contrast Checker | Ücretsiz | Web | Hayır (damlalık ekrandan seçer) | AA ve AAA, normal ve büyük metin, arayüz |
| Özellik | Slop Colors bizim | Coolors | Adobe Color | WebAIM Contrast Checker |
|---|---|---|---|---|
| Bir resimden renkler | Evet | Evet | Evet | Hayır |
| Tek renkten uyumlar | Evet | Belirtilmemiş | Evet | Hayır |
| WCAG kontrast denetimi | Evet | Evet | Evet | Evet |
| Büyük metin ve arayüz düzeyleri | Evet | Belirtilmemiş | Belirtilmemiş | Evet |
| Renk körlüğü önizlemesi | Hayır | Belirtilmemiş | Evet | Hayır |
| CSS dışa aktarımı | Evet | Evet | Belirtilmemiş | Hayır |
| Tailwind dışa aktarımı | Evet | Evet | Belirtilmemiş | Hayır |
| Adobe .ase dışa aktarımı | Evet | Evet | Belirtilmemiş | Hayır |
| GIMP .gpl dışa aktarımı | Evet | Belirtilmemiş | Belirtilmemiş | Hayır |
| OKLCH değerleri | Evet | Belirtilmemiş | Belirtilmemiş | Hayır |
| Hesap gerekmez | Evet | Kısmen | Kısmen | Evet |
| Resimler cihazınızda kalır | Evet | Belirtilmemiş | Belirtilmemiş | Evet |
1. Slop Colors (bizim)
En iyisi: Kendi resimlerinizden gizlice renk seçmek, kontrastı denetlemek ve paleti tek sayfada kod ya da renk örneği dosyası olarak dışa aktarmak.
İyi
- Resimler tarayıcıda okunur, hiçbir zaman yüklenmez
- CSS değişkenleri, Tailwind yapılandırması, JSON, Adobe .ase ve GIMP .gpl dışa aktarımları; bu dosyalar yeniden açılabilir
- HEX, RGB, HSL, OKLCH ve CMYK; aralık dışındaki OKLCH renkleri sRGB’ye eşlenir
Pek iyi değil
- Göz atılacak paylaşılmış palet kitaplığı yok
- Renk körlüğü önizlemesi yok
- Paletin PDF ya da resim olarak dışa aktarımı yok
2. Coolors
En iyisi: Hızlı palet üretmek ve göz atmak için uygundur; geniş bir kitaplığı ve tasarım araçları için eklentileri vardır.
İyi
- Boşluk tuşuyla üretici ve keşfedilecek 10 milyondan fazla palet
- PDF, resim, CSS, ASE, SVG, kod ve Tailwind olarak dışa aktarım
- Palet Görselleştirici renkleri tasarımların üzerinde önizler
Pek iyi değil
- Ücretsiz plan en fazla 10 palet tutar; sayfası, Resim Seçici renk çıkarmayı ve gelişmiş dışa aktarımı Pro özellikleri arasında gösterir
Coolors web sitesi · Kaynaklar: Coolors ana sayfası
3. Adobe Color
En iyisi: Adobe uygulamalarında çalışan ve bir renk çemberinde uyum kurallarını, kitaplıklarına kaydettikleri paletleri isteyen tasarımcılar için.
İyi
- Renk çemberinde tek renk, tamamlayıcı, benzer, üçlü ve bölünmüş tamamlayıcı kuralları
- Renk körlüğü önizlemesi
- Paletleri diğer projeler için kitaplığınıza kaydeder
Pek iyi değil
- Renk çemberi sayfası dışa aktarma dosyalarından söz etmiyor
Adobe Color web sitesi · Kaynaklar: Adobe Color, renk çemberi
4. WebAIM Contrast Checker
En iyisi: Bir metin ve arka plan çiftini WCAG’a göre denetlemek; sonucu paylaşmak için bağlantı.
İyi
- İki rengi de ayarlamak için parlaklık kaydırıcıları
- Sonuç için kalıcı bağlantı ve bir JSON API
- Ön plan için alfa
Pek iyi değil
- Tek bir çifti denetler; palet üretmez ya da dışa aktarmaz
WebAIM Contrast Checker web sitesi · Kaynaklar: WebAIM Kontrast Denetleyicisi
Hangisini seçmeli
Renkler kendi resimlerinizden geliyorsa ve palet kod ya da bir tasarım aracına girmek zorundaysa Slop Colors’ı öneririz: damlalık, ana renkler, kontrast denetimi ve dışa aktarımlar tek sayfada yer alır, hiçbir şey yüklenmez.
Üreteci, kitaplığı ve eklentileri için Coolors’ı; renk çemberi ve Adobe kitaplığı için Adobe Color’ı, tek bir çifti denetleyip paylaşmak için ise WebAIM denetleyicisini seçin.
Sorular
Hangi kontrast oranı gerekir?
WCAG AA, normal metin için 4.5:1, büyük metin ve arayüz parçaları için 3:1 ister; AAA ise 7:1 ve 4.5:1. Dört araç da oranı gösterir.
Photoshop ya da Illustrator hangi dosyayı açar?
Bir Adobe Swatch Exchange (.ase) dosyası. Slop Colors ve Coolors ikisi de bu dosyayı dışa aktarır.
Resmim yüklenir mi?
Slop Colors’ta yüklenmez: resim tarayıcınızda okunur. Diğer araçların kendi gizlilik notlarını kontrol edin.
Diğer ürünlerin adları sahiplerinin ticari markalarıdır. Slopographic onlarla bağlantılı değildir.