# Generator kolorów monochromatycznych

Wygeneruj paletę monochromatyczną na podstawie jednego koloru bazowego za pomocą tego generatora kolorów monochromatycznych. Wpisz 3- lub 6-cyfrowy kod szesnastkowy, a narzędzie zachowa jego odcień i nasycenie, zmieniając jasność o 30 i 15 punktów w każdym kierunku, w zakresie od 10 do 90 procent. Zwróci pięć odcieni i rozjaśnień w postaci kodów szesnastkowych, z kolorem bazowym pośrodku. Idealne dla projektantów i programistów tworzących stonowane, spójne skale i motywy kolorów UI.

## Najczęściej zadawane pytania

### Co zwraca Generator kolorów monochromatycznych?

Zwraca pięć kolorów w postaci 6-cyfrowych kodów szesnastkowych zapisanych małymi literami. Kolor 3 to kolor bazowy, kolory 1 i 2 są jego ciemniejszymi wersjami, a kolory 4 i 5 — jaśniejszymi wersjami tego samego odcienia.

### Jak obliczane są odcienie?

Narzędzie konwertuje kod szesnastkowy na HSL i zmienia tylko jasność: o minus 30, minus 15, plus 15 i plus 30 punktów procentowych. Odcień i nasycenie pozostają takie same, więc wszystkie pięć kolorów należy do jednej rodziny barw.

### Czy jasność ma dolny lub górny limit?

Tak. Ciemniejsze warianty nie mają jasności poniżej 10 procent, a jaśniejsze nie przekraczają 90 procent, dzięki czemu skala nie obejmuje czystej czerni ani czystej bieli.

### Dlaczego dla bardzo ciemnych lub jasnych kolorów bazowych otrzymuję powtórzone albo nieoczekiwane kolory?

Ze względu na limity 10 i 90 procent sąsiadujące z krańcami skali wartości pokrywają się. Dla #000000 oba ciemniejsze warianty mają wartość #1a1a1a, która jest jaśniejsza od koloru bazowego, a dla #ffffff oba jaśniejsze warianty mają wartość #e6e6e6.

### Jaką paletę daje czysta czerwień?

Dla #ff0000 narzędzie zwraca #660000, #b30000, #ff0000, #ff4d4d i #ff9999. Czerwień ma jasność 50 procent, więc uzyskuje pełen zakres dwóch ciemniejszych i dwóch jaśniejszych wariantów.

### Jakich formatów kolorów mogę użyć?

Wpisz jeden 3- lub 6-cyfrowy kod szesnastkowy, ze znakiem # lub bez, na przykład #3366cc albo 36c. Notacja RGB i HSL oraz nazwy kolorów nie są obsługiwane, dlatego najpierw przekonwertuj je na zapis szesnastkowy.

### Dlaczego kolor bazowy po konwersji nieznacznie się zmienia?

Odcień, nasycenie i jasność są zaokrąglane do liczb całkowitych, więc konwersja na HSL i z powrotem może przesunąć jeden kanał o jeden stopień. Na przykład #ff5733 pojawia się jako #ff5833 pośrodku skali.

### Czy działa w przypadku szarości?

Tak. W przeciwieństwie do schematów opartych na odcieniu, skala monochromatyczna zmienia jasność, więc dla szarości daje jaśniejsze i ciemniejsze odcienie szarości. Czerń i biel są ograniczone zakresem od 10 do 90 procent opisanym powyżej.

### Jak używać palety monochromatycznej w interfejsie?

Najciemniejszych kolorów używaj do tekstu i obramowań, bazowego do głównych akcji, a najjaśniejszych do tła i stanów najechania. Sprawdź kontrast tekstu za pomocą narzędzia do sprawdzania kontrastu WCAG, ponieważ sąsiednie warianty różnią się jasnością tylko o 15 punktów.

### Czy wynik jest taki sam jak w generatorze palet kolorów?

Tak. To narzędzie wykonuje dokładnie te same obliczenia co opcja monochromatyczna w Generatorze palet kolorów, więc oba narzędzia zwracają te same pięć kodów szesnastkowych dla tego samego koloru bazowego.

Twoja reklama tutaj?

[Napisz do nas](mailto:hi@dennn.is?subject=Reklama%20w%20OneClick%20Pro)

[Reklama Pakiet wtyczek gotowy do pracy z agentami dla WordPress.](https://sleekwp.com/?ref=oneclickpro)