Generator palet kolorów
Działa na Twoim urządzeniu. Nic nie jest wysyłane.Wszystko dzieje się w przeglądarce - nic nie jest wysyłane.
Kolory5
Wskazówka: naciśnij spację, by wygenerować nową paletę.Harmonia
Eksport
:root {
--color-1: #264653;
--color-2: #2a9d8f;
--color-3: #e9c46a;
--color-4: #f4a261;
--color-5: #e76f51;
}Twórz palety z harmonii koła barw albo losowo, zablokuj ulubione kolory i skopiuj je jako zmienne CSS, kolory Tailwind lub JSON.
Naciśnij Generuj (lub spację), by dostać nową paletę. Zablokuj kolory, które chcesz zachować - pozostałe zostaną zbudowane wokół nich według harmonii koła barw: sąsiednie analogiczne, skala monochromatyczna, przeciwieństwa dopełniające lub dopełniające rozszczepione, triady i tetrady - albo czysty los z równo rozłożonymi odcieniami. Kliknij kod hex, by go skopiować, lub kolor, by wybrać własny. Eksportuj jako właściwości CSS, skalę Tailwind lub JSON, zapisz PNG albo skopiuj link do tej samej palety.
Najczęstsze pytania
Co oznaczają harmonie?
To położenia na kole barw. Kolory analogiczne leżą obok siebie (spokojne), dopełniające naprzeciw (mocny kontrast), dopełniająca rozszczepiona bierze dwóch sąsiadów koloru przeciwnego, triada to trzy kolory co 120°, a tetrada cztery co 90°. Monochromatyczna trzyma jeden odcień i zmienia jasność.
Jak zbudować paletę wokół koloru mojej marki?
Kliknij pierwszy kolor, wybierz swój, zablokuj go i naciśnij Generuj. Wolne pola wypełnią się według wybranej harmonii, zaczynając od Twojego koloru.
Czy tekst na kolorach jest czytelny?
Kod hex przełącza się na czarny lub biały - zależnie od tego, co daje większy kontrast. Do tekstu w akapitach sprawdź dokładną parę w sprawdzarce kontrastu WCAG w naszych narzędziach do kolorów.
Czy coś jest zapisywane?
Bieżąca paleta jest zapamiętywana na tym urządzeniu. Udostępniony link niesie kolory po znaku # w adresie - ta część nie trafia na nasz serwer.