Porównanie · sprawdzone 2026-10-25
Najlepsze darmowe narzędzia do palet kolorów i kontrastu
Narzędzie do palet powinno znajdować kolory na obrazie, tworzyć harmonie z jednego koloru, sprawdzać, czy tekst jest czytelny, i przekazywać paletę do narzędzi graficznych lub kodu. Oto, co oferuje każde z nich, według ich własnych stron.
Tworzymy Slop Colors, jedno z narzędzi na tej stronie. Każdy fakt o pozostałych narzędziach pochodzi z ich własnych stron, podlinkowanych pod każdym z nich, tak jak wyglądały 2026-10-25. Ceny i funkcje się zmieniają, więc przed wyborem sprawdź stronę każdego narzędzia.
Jak je porównaliśmy
- Za darmo i co dodaje konto lub plan
- Kolory z obrazu
- Harmonie i skale z jednego koloru
- Sprawdzenie kontrastu WCAG
- Pliki eksportu (CSS, Tailwind, ASE, GPL)
Na pierwszy rzut oka
| Narzędzie | Cena | Działa na | Kolory z obrazu | Sprawdzanie kontrastu |
|---|---|---|---|---|
| Slop Colors nasze | Za darmo, bez konta | Dowolna nowoczesna przeglądarka | Pipeta i główne kolory (k-means) | Stosunek, AA i AAA, z poprawką |
| Coolors | Plan darmowy; plan Pro | Web, aplikacja na iOS, wtyczka do Figmy, rozszerzenie Chrome | Image Picker | Contrast Checker |
| Adobe Color | Za darmo | Web | Pobieranie z obrazu | Stosunki kontrastu z wytycznymi WCAG |
| WebAIM Contrast Checker | Za darmo | Web | Nie (pipeta wybiera z ekranu) | AA i AAA, tekst zwykły i duży, interfejs |
| Funkcja | Slop Colors nasze | Coolors | Adobe Color | WebAIM Contrast Checker |
|---|---|---|---|---|
| Kolory z obrazu | Tak | Tak | Tak | Nie |
| Harmonie z jednego koloru | Tak | Nie podano | Tak | Nie |
| Sprawdzenie kontrastu WCAG | Tak | Tak | Tak | Tak |
| Poziomy dla dużego tekstu i interfejsu | Tak | Nie podano | Nie podano | Tak |
| Podgląd dla daltonistów | Nie | Nie podano | Tak | Nie |
| Eksport CSS | Tak | Tak | Nie podano | Nie |
| Eksport Tailwind | Tak | Tak | Nie podano | Nie |
| Eksport Adobe .ase | Tak | Tak | Nie podano | Nie |
| Eksport GIMP .gpl | Tak | Nie podano | Nie podano | Nie |
| Wartości OKLCH | Tak | Nie podano | Nie podano | Nie |
| Konto niepotrzebne | Tak | Częściowo | Częściowo | Tak |
| Obrazy zostają na Twoim urządzeniu | Tak | Nie podano | Nie podano | Tak |
1. Slop Colors (nasze)
Najlepsze do: Prywatne pobieranie kolorów z własnych obrazów, sprawdzanie kontrastu i eksport palety jako kod lub plik próbek na jednej stronie.
Zalety
- Obrazy są odczytywane w przeglądarce, nigdy nie są przesyłane
- Zmienne CSS, konfiguracja Tailwind, JSON, eksport Adobe .ase i GIMP .gpl, które można ponownie otworzyć
- HEX, RGB, HSL, OKLCH i CMYK; kolory OKLCH spoza gamy są mapowane na sRGB
Wady
- Brak biblioteki udostępnionych palet do przeglądania
- Brak podglądu dla daltonistów
- Brak eksportu palety do PDF ani obrazu
2. Coolors
Najlepsze do: Szybkie generowanie i przeglądanie palet, z dużą biblioteką i wtyczkami do narzędzi graficznych.
Zalety
- Generator po naciśnięciu spacji i ponad 10 milionów palet do przeglądania
- Eksport do PDF, obrazu, CSS, ASE, SVG, kodu i Tailwind
- Palette Visualizer pokazuje kolory na projektach
Wady
- Darmowy plan przechowuje do 10 palet; jego strona wymienia pobieranie kolorów z obrazu (Image Picker) i zaawansowany eksport wśród funkcji Pro
strona Coolors · Źródła: Strona główna Coolors
3. Adobe Color
Najlepsze do: Projektanci w aplikacjach Adobe, którzy chcą reguł harmonii na kole barw i palet zapisanych w swojej bibliotece.
Zalety
- Reguły monochromatyczna, dopełniająca, analogowa, triadyczna i rozszczepiona dopełniająca na kole barw
- Podgląd dla daltonistów
- Zapisuje palety w bibliotece do innych projektów
Wady
- Strona koła barw nie wspomina o plikach eksportu
strona Adobe Color · Źródła: Adobe Color, koło barw
4. WebAIM Contrast Checker
Najlepsze do: Sprawdzenie jednej pary tekst i tło według WCAG, z linkiem do udostępnienia wyniku.
Zalety
- Suwaki jasności do korekty każdego z kolorów
- Link stały i API JSON dla wyniku
- Kanał alfa dla pierwszego planu
Wady
- Sprawdza jedną parę; nie tworzy ani nie eksportuje palet
strona WebAIM Contrast Checker · Źródła: WebAIM Contrast Checker
Które wybrać
Slop Colors wybieramy, gdy kolory pochodzą z Twoich obrazów, a paleta ma trafić do kodu lub narzędzia graficznego: pipeta, główne kolory, sprawdzanie kontrastu i eksport są na jednej stronie, a nic nie jest przesyłane.
Wybierz Coolors za generator, bibliotekę i wtyczki, Adobe Color za koło barw i bibliotekę Adobe, a sprawdzarkę WebAIM, by sprawdzić i udostępnić pojedynczą parę.
Pytania
Jaki stosunek kontrastu jest potrzebny?
WCAG AA wymaga 4.5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu oraz elementów interfejsu; AAA wymaga 7:1 i 4.5:1. Wszystkie cztery narzędzia pokazują stosunek.
Który plik otworzy się w Photoshopie lub Illustratorze?
Plik Adobe Swatch Exchange (.ase). Slop Colors i Coolors eksportują taki plik.
Czy mój obraz jest przesyłany?
Nie w Slop Colors: obraz jest czytany w Twojej przeglądarce. Sprawdź własne informacje o prywatności pozostałych narzędzi.
Nazwy innych produktów są znakami towarowymi ich właścicieli. Slopographic nie jest z nimi powiązany.