Twórz palety kolorów w kilka sekund

To zestaw kolorów wybranych do wspólnego użycia w projekcie. Zwykle obejmuje kolor główny, jego jaśniejsze i ciemniejsze wersje oraz jeden lub dwa kolory akcentu. Palet używa się w logo, brandingu, mediach społecznościowych, na stronach internetowych, w interfejsach i ilustracji.

Nie pokazuje stałej listy: tworzy palety na bieżąco. Wybiera barwę bazową i buduje pięć kolorów według zasad harmonii (analogiczne, dopełniające, triadyczne lub monochromatyczne). Każdy styl ma własne zakresy jasności i nasycenia, dlatego paleta pastelowa wychodzi delikatna, a neonowa – intensywna. W edytorze naciśnij spację, aby stworzyć nową paletę, i zablokuj kolory, które chcesz zachować.

Najpierw zastanów się, co chcesz przekazać. Ciepłe odcienie są przyjazne i pełne energii, chłodne – spokojne i budzą zaufanie, a ciemne – eleganckie. Używaj niewielu kolorów, zadbaj o kontrast, żeby tekst był czytelny, i przetestuj paletę w prawdziwym projekcie, zanim się zdecydujesz.

Kolory pasują do siebie, gdy łączy je harmonia: sąsiadują na kole barw (analogiczne), leżą naprzeciw siebie (dopełniające) albo są odcieniami tej samej barwy (monochromatyczne). Każda paleta na tej stronie trzyma się tych zasad. Przykłady znajdziesz w pasujących paletach kolorów.

Każda paleta ma swoje kody HEX, a do tego możesz skopiować gotowy kod CSS. Sprawdź też kontrast między tekstem a tłem, żeby strona była czytelna, albo wyciągnij paletę ze zdjęcia. Więcej pomysłów znajdziesz w kolorach na stronę www.

To układ barw podstawowych, pochodnych i trzeciorzędowych na okręgu. Pokazuje, które kolory do siebie pasują, a które kontrastują, dlatego jest punktem wyjścia przy tworzeniu palet. Wypróbuj je w narzędziu harmonia kolorów.

Barwy podstawowe to czerwony, niebieski i żółty: nie da się ich uzyskać przez zmieszanie innych kolorów. Barwy pochodne powstają z połączenia dwóch podstawowych: niebieski i czerwony dają fioletowy, niebieski i żółty – zielony, a czerwony i żółty – pomarańczowy. Po zmieszaniu barwy podstawowej z pochodną otrzymasz barwy trzeciorzędowe.

Paleta monochromatyczna wykorzystuje jedną barwę w jaśniejszych i ciemniejszych wersjach. Wygląda spójnie i elegancko. Kolory dopełniające leżą naprzeciw siebie na kole barw, jak niebieski i pomarańczowy. Razem dają maksymalny kontrast i nawzajem się wyróżniają.

Tak. Możesz kopiować kody HEX lub CSS i używać ich w dowolnym projekcie, prywatnym lub komercyjnym.