Jeden kolor → pełna paleta z gotowym kodem do wklejenia
Generator palety kolorów dla stron internetowych. Wybierasz jeden kolor marki i otrzymujesz paletę dziewięciu kolorów z wyjaśnieniem ich zastosowania oraz gotowym kodem CSS do wklejenia. Paleta zawiera kolor główny, odcień po najechaniu myszką, delikatny odcień do tła i tagów, kolor uzupełniający do akcentów, dwa odcienie tekstu, powierzchnię kart, tło strony i ramkę. Obok odcieni tekstu znajduje się test kontrastu na białym tle według progu 4.5. Poniżej wyświetlana jest skala dziewięciu odcieni od 100 do 900. Kliknięcie dowolnego koloru kopiuje jego kod. Na koniec kopiujesz paletę jako zmienne CSS do swojego kodu lub narzędzia AI. Wszystkie obliczenia odbywają się w przeglądarce.
Jeśli masz logo, pobierz kolor z niego. Jeśli nie, wybierz kolor pasujący do branży. Niebieski budzi zaufanie, zielony kojarzy się ze zdrowiem, a pomarańczowy z energią. Możesz też zacząć od jednego z siedmiu gotowych kolorów.
To sposób na zdefiniowanie koloru raz i używanie go na całej stronie. Kod definiuje zmienne takie jak --color-primary, a narzędzia AI potrafią z nimi pracować.
Jest on przesunięty o 150 stopni na kole barw względem koloru głównego, prawie po przeciwnej stronie. Zaleca się używanie go na mniej niż 10% powierzchni strony.
Jego współczynnik kontrastu na białym tle jest niższy niż 4.5. Jest to próg wymagany przez standardy dostępności dla zwykłego tekstu. Taki kolor najlepiej stosować tylko do dużego tekstu lub go przyciemnić.
Tak, obok próbnika kolorów znajduje się pole na kod w formacie #RRGGBB.
Nie udało się wczytać Klix
Najpierw spróbuj odświeżyć stronę. Jeśli właśnie pojawiła się nowa wersja, odświeżenie od razu pomaga.
Jeśli odświeżenie nie pomogło, Twoja przeglądarka może być zbyt stara. Klix uruchamia narzędzia na Twoim urządzeniu, a nie na serwerze, więc potrzebuje przeglądarki z 2022 roku lub nowszej. Co zrobić: zaktualizuj Chrome lub Firefox i otwórz ponownie klixtools.com.