CColorWell
Zdobądź ColorWell
Palety + narzędzia dostępności

Piękne palety. Zweryfikowany kontrast. Jeden przepływ pracy.

Wklej kolor marki. Otrzymaj harmonijną paletę, każdą ocenę zgodności z WCAG oraz eksporty do CSS, Tailwind i Figma — bez opuszczania strony.

Plany od $5/mies. — anuluj w każdej chwili

Live — works right here

Generuj paletę

Wybierz kolor marki. ColorWell zrobi resztę.

Analogiczne

Odcienie (jasne → ciemne)

Eksport

Pobierz tokeny designu

Pro

Zapisz pełną paletę i skalę odcieni jako gotowe pliki.

Przejdź na Pro, aby pobierać pliki

Sprawdzenie kontrastu

Wybierz dowolne dwa kolory z palety. ColorWell wyświetli wynik zgodności z WCAG.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Proporcja

Werdykt: Nie spełnia WCAG

Wszystko, czego potrzebuje paleta marki

Stworzone dla aktywnych designerów i zespołów front-end tworzących interfejsy na co dzień.

Harmonijne palety

Wybierz dowolny kolor w formacie hex. ColorWell generuje schematy analogiczne, komplementarne, triadyczne i monochromatyczne jednym kliknięciem.

Kontrast WCAG — natychmiast

Każda para kolorów w Twojej palecie otrzymuje ocenę AA/AAA względem tekstu, dużego tekstu i komponentów UI.

Eksporty do CSS, Tailwind, Figma

Eksport jednym kliknięciem do zmiennych CSS, konfiguracji Tailwind, surowych tokenów JSON lub gotowych do wklejenia stylów Figma.

Bezpieczne warianty marki

Rozjaśniaj, przyciemniaj i zwiększaj nasycenie bez zmiany odcienia. ColorWell działa w przestrzeni kolorów percepcyjnych (Oklch).

Nazwane tokeny

Automatyczne nazwy, takie jak "indigo-500" czy "slate-700", sprawiają, że arkusz stylów jest czytelny dla ludzi, a nie tylko dla kodów hex.

Zapisuj i synchronizuj palety

Każda utworzona paleta jest Twoja — nadaj jej nazwę, dodaj tagi, wróć później. Synchronizacja w chmurze dla planu Pro.

Trzy kroki

Zacznij od jednego koloru marki. Zakończ działającym arkuszem stylów.

1

Wybierz

Wklej wartość hex lub użyj selektora kolorów.

2

Generuj

ColorWell tworzy harmonijne palety i wykonuje wszystkie testy kontrastu.

3

Eksportuj

Skopiuj tokeny CSS, Tailwind lub Figma bezpośrednio do swojego kodu.

Proste ceny

Wybierz plan i przestań walczyć z kodami HEX.

Starter

Dla samodzielnych designerów

$5/mies.
  • 100 zapisanych palet / mies.
  • Nieograniczone sprawdzanie kontrastu
  • Eksport CSS / Tailwind / JSON
  • Bezpieczne warianty marki
Najpopularniejszy
Pro

Dla zespołów brandingowych

$15/mies.
  • 2000 zapisanych palet / mies.
  • Eksport tokenów Figma
  • Zestaw marki (projekty wielopaletowe)
  • Biblioteki synchronizowane w chmurze
  • Priorytetowe wsparcie

Najczęściej zadawane pytania

Czy muszę coś instalować?

Nie. ColorWell działa całkowicie w przeglądarce — Twoje kolory nie opuszczają urządzenia, dopóki nie zdecydujesz się na synchronizację.

Jakiej przestrzeni kolorów używacie?

ColorWell działa w przestrzeni Oklch — warianty pozostają w przestrzeni percepcyjnej, więc rozjaśnianie koloru marki nie zmienia jego odcienia.

Jak działają eksporty?

Kopiowanie jednym kliknięciem do schowka dla zmiennych CSS, bloków konfiguracji Tailwind, surowego JSON lub stylów gotowych dla Figmy. Wklej je bezpośrednio do kodu lub narzędzia projektowego.

Czy dostępny jest bezpłatny okres próbny?

Nie — to płatne narzędzie z planami od $5 miesięcznie. Starter kosztuje $5/mies., a Pro $15/mies.; możesz anulować w dowolnym momencie.

Jak anulować subskrypcję?

Ze strony konta lub wysyłając nam e-mail. Anulowanie zatrzymuje kolejne odnowienie — pozostały czas pozostaje do wykorzystania.

Przestań ręcznie dostroić kody HEX.

Generuj paletę, wdrażaj arkusz stylów — wszystko w jednym miejscu.

Zobacz plany