Przejdź do treści
patrache.tools

Generator palet kolorów

Darmowy generator palet kolorów online. Automatyczne tworzenie harmonijnych kolorów: dopełniające, analogiczne, triadyczne. Przetwarzane w przeglądarce.

Kolor bazowy
#2563EB
#EBAD25
#2563EB
#EBAD25
lockPliki nie są wysyłane na żaden serwer
Udostępnij
Osadź

Osadź to narzędzie na swojej stronie

Darmowy generator palet kolorów online tworzący piękne palety w oparciu o teorię koloru — dopełniające, analogiczne, triadyczne i więcej.

Jak używać Generator palet kolorów?

  1. Wybierz lub wprowadź kolor bazowy.
  2. Wybierz typ palety (dopełniająca, analogiczna itd.).
  3. Skopiuj kody kolorów z wygenerowanej palety.

Najczęściej zadawane pytania o Generator palet kolorów

Jakie schematy kolorów są dostępne?

Dopełniające, analogiczne, triadyczne, tetradyczne, dopełniające dzielone i inne schematy oparte na teorii koloru.

Czy mogę wyeksportować wygenerowaną paletę?

Tak, skopiuj kody HEX/RGB dla każdego koloru lub pobierz paletę jako obraz.

Ilu kolorów wypada użyć na jednej stronie?

Zwykle wystarczą trzy lub cztery widoczne kolory. Znana reguła 60-30-10 przydziela 60% powierzchni tłu, 30% barwie drugorzędnej, a 10% akcentowi — im oszczędniej używasz akcentu, tym wyraźniej wybijają się przyciski i odnośniki. Dodaj ciemną szarość na tekst i jasną na obramowania, a większość ekranów jest gotowa. Powyżej pięciu kolorów użytkownik przestaje odróżniać, co jest ważne.

Mam już jeden kolor marki — jak dobrać pozostałe?

Wyjdź od tego koloru i najpierw zbuduj zestaw analogiczny: barwy w zakresie około 30 stopni po obu stronach koła współistnieją bez zgrzytów, świetnie nadają się na tła i elementy drugoplanowe. Do przycisku, który ma być zauważony, dobierz odrobinę barwy dopełniającej z przeciwnej strony koła, a wzrok trafi dokładnie tam. Jeśli w grę wchodzi tryb ciemny, przygotuj wcześniej warianty zachowujące ten sam odcień, ale o niższym nasyceniu i wyższej jasności.

Wskazówki dotyczące efektywnego korzystania z Generator palet kolorów

  • Rozłóż paletę w proporcji 60-30-10; kolor akcentowy potrzebuje tylko dziesiątej części ekranu.
  • Najpierw wybierz neutralny; dobry szary spaja paletę lepiej niż kolejny jaskrawy odcień.
  • Potem sprawdź, czy tekst na tle osiąga kontrast co najmniej 4,5:1.

Powered by Patrache Studio Tools

Zezwól na reklamy w tej witrynie

Aby korzystać z tych narzędzi, zezwól na reklamy w tej witrynie. Reklamy pozwalają utrzymać bezpłatny dostęp do usługi.

Otwórz bloker reklam, wyłącz go dla tej witryny i sprawdź ponownie.