Generator palety ciemnych
Konwertuj listę kolorów jasnego motywu na ciemny ekwiwalent ze zweryfikowanym kontrastem.
Generator palety ciemnych
Wklej kolory z jasnego motywu — jeden na linię — a to narzędzie generates ciemny ekwiwalent dla każdego, gotowy do wklejenia do twojego arkusza stylów. Jest zbudowany na codzienną wymianę dostarczenia ciemnego motywu po tym, jak jasny już istnieje: podaj mu tło, powierzchnie i kolory akcentu i zwraca ten sam zestaw odwrócony dla ciemnego interfejsu.
Zaetykietuj każdą linię jako właściwość niestandardową CSS ("background: #ffffff", "--accent: #3366cc") lub po prostu wklej zwykłą wartość szesnastkową. Tło ciemnego motywu ustawia tło strony, na którym budowana jest paleta, i kontrast każdego koloru jest sprawdzany względem niego. Docelowy kontrast wybiera WCAG AA (4.5:1) lub AAA (7:1) — akcenty (bardziej nasycone wpisy przeznaczone do tekstu, linków i ikon) są pchane w stronę tego stosunku, podczas gdy wyciszone powierzchnie są zgłaszane szczerze, ale nigdy nie są wymuszane, ponieważ tło karty nie jest czytane jako tekst. Zmniejszenie nasycenia miękczy kolory, które w innym przypadku byłyby blask pełnej nasycenia w ciemności, Zachowaj ton akcentu utrzymuje ton i intensywność koloru marki nietknięte i Mapuj powierzchnie na poziomy elewacji krok neutralne odcienie na łagodny wzór nad tłem, w sposób, w jaki karta siedzi nad stroną za nią.
Linię, którą narzędzie nie może przeczytać jako kolor — błędny komentarz, pusty nagłówek — pomija się, aby przerwać resztę listy i liczba pojawia się w sumie wraz z liczbą wygenerowanych kolorów i liczbą akcentów osiągających docelowy kontrast. Bardzo długie listy i Windows lub Unix kończące się linie są obsługiwane bez dodatkowej konfiguracji.
Wszystko działa lokalnie w twojej przeglądarce: kolory nigdy nie są przesyłane ani wysyłane nigdzie. Skopiuj wynik, pobierz go jako plik tekstowy lub wyślij wyjście bezpośrednio z powrotem na wejście, aby kontynuować doskonalenie palety.