Generator palet kolorów
Wybierz kolor bazowy i schemat, aby utworzyć paletę złożoną z dwóch lub trzech kolorów. Użyj odcieni dopełniających, analogicznych, triadycznych lub rozdzielonych dopełniających, a następnie kopiuj kody HEX pojedynczo albo zapisz listę jako tekst.
Co możesz zrobić
Twórz palety w czterech schematach
Wybierz odcienie dopełniające, analogiczne, triadyczne lub rozdzielone dopełniające, zachowując nasycenie i jasność koloru bazowego.
Pobierz kod każdego koloru
Sprawdź próbki i kody HEX, kopiuj każdy kod osobno lub zapisz listę w kolejności wyświetlania jako palette.txt.
Użyj koloru jako kolejnej bazy
Wybierz Użyj jako bazowego przy wybranym kolorze, a następnie utwórz nową paletę.
Jak korzystać
Wprowadź kolor bazowy
Wybierz HEX, RGB, HSL, HSV lub CMYK i wprowadź wartości albo użyj próbnika kolorów.
Wybierz schemat
Schemat dopełniający tworzy dwa kolory. Schematy analogiczny, triadyczny i rozdzielony dopełniający tworzą trzy.
Utwórz paletę
Wybierz Utwórz paletę, aby sprawdzić próbki i kody HEX. Zmiana schematu po wygenerowaniu aktualizuje paletę na podstawie potwierdzonego koloru bazowego.
Pobierz kody
Kopiuj pojedyncze kody, kopiuj wszystko lub zapisz jako TXT. Po zmianie koloru bazowego wygeneruj paletę ponownie.
Kiedy pomaga
Poznaj propozycje kolorów akcentujących
Użyj koloru bazowego ze swojej strony lub projektu, aby porównać różne relacje odcieni.
Zachowaj kody palety w notatkach
Skopiuj lub zapisz listę HEX w kolejności wyświetlania, aby użyć jej w narzędziu do projektowania.
Schematy kolorów i ograniczenia wyniku
Cztery relacje odcieni
Schemat dopełniający używa odcienia oddalonego o 180 stopni od bazowego. Analogiczny wykorzystuje odcienie oddalone o 30 stopni po obu stronach, triadyczny — odstępy co 120 stopni, a rozdzielony dopełniający — przesunięcia o 150 i 210 stopni. W schemacie analogicznym kolor bazowy znajduje się pośrodku.
Nasycenie i jasność pozostają bez zmian
Paleta zmienia odcień w modelu HSL, zachowując nasycenie i jasność. Wyniki są zaokrąglane do 8-bitowego RGB i wyświetlane w formacie HEX. Kolory achromatyczne mogą dawać powtórzone wartości HEX; liczba i kolejność kolorów pozostają bez zmian.
Sprawdź osobno czytelność
Palety oparte na odcieniach nie gwarantują kontrastu ani czytelności tekstu. Sprawdź osobno każdą parę koloru tekstu i tła za pomocą narzędzia do kontroli kontrastu.
Pytania i odpowiedzi
Dlaczego ten sam kolor może pojawić się więcej niż raz?
Zmiana odcienia może dawać identyczne wartości HEX dla kolorów achromatycznych. Wyniki nie są korygowane ani deduplikowane; liczba i kolejność kolorów schematu pozostają bez zmian.
Czy skopiowanie koloru zmienia kolor bazowy?
Kopiowanie nie zmienia koloru. Opcja Użyj jako bazowego przełącza dane wejściowe na HEX i usuwa poprzednią paletę. Wybierz Utwórz paletę, aby wygenerować ją ponownie.
Czy mogę zapisać zmienne CSS lub obraz?
Wynik można skopiować jako kody HEX lub zapisać w pliku palette.txt. Zmienne CSS i eksport obrazów nie są dostępne.
Dane wejściowe i wynik
- Dane wejściowe
- Kolor bazowy w formacie HEX, RGB, HSL, HSV lub CMYK albo wybrany kolor. Przezroczystość nie jest obsługiwana.
- Schemat
- Dopełniający, analogiczny, triadyczny lub rozdzielony dopełniający.
- Wynik
- Dwa lub trzy kody HEX. Skopiuj je lub zapisz w pliku palette.txt, po jednym w wierszu i w kolejności wyświetlania.