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.