/ NARZĘDZIE · Kolory

Color Palette

Generuj harmonie kolorów z koła barw, buduj skalę odcieni 50–900 jak tokeny designu i sprawdzaj kontrast WCAG. HEX, RGB, HSL, blokowanie próbek i eksport CSS / JSON / PNG / SVG — wszystko lokalnie w przeglądarce.

Eksport palety
Import z listy HEX
/ POWIĄZANE NARZĘDZIA

Inne narzędzia FormattedAI

[ IMG ]
AVIF / HEIC Converter

Konwertuj i kompresuj obrazy lokalnie w przeglądarce, bez uploadu.
[ CSS ]
CSS Minifier

Skompresuj arkusze CSS z gotowymi zmiennymi kolorów z palety.
[ JSON ]
JSON Formatter

Formatuj i waliduj JSON — np. wyeksportowane tokeny kolorów.
/ FAQ

Często zadawane pytania

Czy narzędzie wysyła moje kolory na serwer?

Nie. Cały generator palet działa w czystym JavaScript w Twojej przeglądarce — harmonie, skala odcieni, kontrast i eksport. Nic nie jest nigdzie wysyłane, nie ma backendu ani telemetrii, a Twoja paleta zapisuje się tylko lokalnie w localStorage.

Jakie tryby oferuje Color Palette?

Trzy: Harmonie (generator palety 5 kolorów z koła barw ze schematami dopełniającym, analogicznym, triadą, tetradą i monochromatycznym), Skala (odcienie 50–900 jak tokeny designu) oraz Kontrast (sprawdzanie zgodności z WCAG AA/AAA).

Jak liczony jest kontrast WCAG?

Zgodnie z WCAG 2.x: obliczamy relatywną luminancję obu kolorów (z korekcją gamma sRGB) i wyznaczamy wskaźnik kontrastu (L1 + 0,05) / (L2 + 0,05). Wynik porównujemy z progami: AA tekst zwykły ≥ 4,5:1, AA duży ≥ 3:1, AAA zwykły ≥ 7:1, AAA duży ≥ 4,5:1.

Czym jest tryb skali odcieni 50–900?

Skala generuje 10 stopni jasności jednego koloru (50, 100, 200 … 900) tak jak tokeny w systemach designu (np. Tailwind). Rozjaśnienia (tinty) idą w stronę 50, przyciemnienia (cienie) w stronę 900. Każdy stopień ma gotowy HEX do skopiowania, z podglądem czytelności na jasnym i ciemnym tle.