Generator narzędzi praktycznych

Generator palety kolorów

Twórz harmonijne i dostępne palety z koloru bazowego, zdjęcia lub losowego pomysłu.

HEX · RGB · HSL · OKLCH · WCAG

Studio palet kolorów

Twórz harmonijne i dostępne palety z koloru bazowego, zdjęcia lub losowego pomysłu.

5
🖼️ Pobierz kolory z obrazuObraz jest przetwarzany wyłącznie w przeglądarce i nie jest przesyłany.
Wskazówka: naciśnij Spację, aby wygenerować ponownie.

Twoja paleta

Kliknij kod, aby go skopiować. Zablokuj lub uporządkuj kolory przed ponownym generowaniem.

Przeciągnij karty lub użyj strzałek, aby zmienić kolejność.

Podgląd interfejsu

Twoja paleta
Rola: Akcent

Czytelniejszy system wizualny

Sprawdź paletę na realistycznej karcie z nawigacją, tekstem i przyciskiem.

Zobacz szczegóły

Dostępność i kontrast

–

Tabela kontrastu

Podgląd widzenia barw

Podgląd jest przybliżony; testuj z użytkownikami i nie przekazuj informacji wyłącznie kolorem.

Generator gradientów

Eksportuj paletę

Wybierz harmonię kolorów

Paleta monochromatyczna zmienia jeden odcień. Kolory analogiczne leżą blisko siebie, a układy dopełniające, triadyczne i tetradyczne wykorzystują większe odstępy.

Sprawdź dostępność

Wyniki WCAG mają także etykiety tekstowe. Zwykły tekst wymaga 4,5:1 dla AA, a duży tekst 3:1.

Użyj właściwego formatu

HEX i RGB są powszechne, HSL ułatwia zmiany, a OKLCH zapewnia bardziej równomiernie postrzeganą jasność i nasycenie.

Najczęstsze pytania o generator palet

Czym jest harmonia kolorów?

To powtarzalna relacja między odcieniami, na przykład układ analogiczny, dopełniający lub triadyczny.

Jak stworzyć dostępną paletę?

Sprawdź kontrast tekstu i tła, nie polegaj wyłącznie na kolorze oraz testuj stany interaktywne.

Czy obraz jest wysyłany na serwer?

Nie. Kolory są pobierane lokalnie w przeglądarce, a obraz nie jest przesyłany.

Jakiego formatu eksportu użyć?

CSS do stron, SCSS do arkuszy stylów, JSON do aplikacji, a PNG jako wizualny wzorzec.