Generator monochromatycznej palety kolorów online
Twórz palety odcieni jednego koloru bazowego – od ciemnych do jasnych – z pełną kontrolą nad liczbą i edycją.
Rozpocznij
Jak działa generator?
Narzędzie przekształca kolor bazowy na model HSL i zmienia tylko jego jasność. Dla zadanej liczby odcieni n jasność przyjmuje wartości od 12% do 88% w równych odstępach: L(i) = 12 + 76 * i / (n-1) dla i od 0 do n-1. Oznacza to, że oryginalna jasność nie jest zachowywana – kolor bazowy może nie pojawić się w wynikach.
Przykład działania
Dla koloru #FF0000 (czerwony) i liczby 3 otrzymasz: #3D0000, #FF0000, #FFC2C2. Zwróć uwagę, że środkowy odcień przypadkowo pokrywa się z bazą, ale nie jest to regułą.
Ograniczenia i wskazówki
- To zmiana jasności w modelu HSL, a nie mieszanie fizycznych farb, przyciemnianie przez przezroczystość czy percepcyjnie równomierne cieniowanie.
- Końcowe odcienie nigdy nie są czystą czernią ani bielą.
- Jeśli kolor bazowy ma zerowe nasycenie (szarość), wszystkie wyniki pozostaną szare.
- Przed użyciem sprawdź kontrast tekstu i tła – narzędzie nie ocenia dostępności.
Najczęstsze pytania
Dlaczego kolor bazowy nie zawsze pojawia się w wynikach?
Ponieważ narzędzie zastępuje jasność bazowego koloru sekwencją od 12% do 88%. Tylko jeśli oryginalna jasność dokładnie odpowiada jednej z wartości w tej sekwencji, dany odcień znajdzie się w palecie.
Co się stanie, jeśli wpiszę liczbę odcieni 3.8?
Liczba jest obcinana do części całkowitej (3), a następnie ograniczana do zakresu 3–12. Wpisana wartość w polu zostanie zaktualizowana do faktycznie użytej.
Czy mogę edytować poszczególne odcienie po wygenerowaniu?
Tak, każdy wynikowy kafelek można zmienić ręcznie. Zmiana dotyczy tylko tego odcienia i może sprawić, że paleta przestanie być ściśle monochromatyczna.
Wybierz kolor bazowy i liczbę, a następnie wygeneruj paletę. Domyślnie #3B82F6 i 6 kolorów. Liczba jest obcinana w kierunku zera i ograniczana do 3–12; puste pole daje 3. Po zmianie bazy lub liczby uruchom ponownie. Edycja wyniku zmienia tylko ten wynik i jego tekst. Kopiuj kopiuje wyświetlany tekst; Wyczyść przywraca ustawienia i usuwa paletę.
Przetwarzanie odbywa się lokalnie w przeglądarce.