Generátor tmavej palety
Zmeňte zoznam farieb svetlej témy na tmavý ekvivalent s overením kontrastu.
Generátor tmavej palety
Vložte farby zo svetlej témy — jednu na riadok — a tento nástroj generates tmavý ekvivalent pre každú, pripravený na vloženie do vášho štýlu. Je vytvorený na každodenný handoff dodania tmavej témy po tom, čo je svetlá už existuje: zadajte mu pozadie, povrchy a farby akcentu a vracia rovnakú množinu invertovanú pre tmavé rozhranie.
Pomenujte každý riadok ako CSS vlastnú vlastnosť ("background: #ffffff", "--accent: #3366cc") alebo jednoducho vložte holú hex hodnotu. Pozadie tmavej témy nastavuje pozadie stránky, na ktorom je paleta vytvorená, a kontrast každej farby sa kontroluje voči nemu. Cieľový kontrast si zvolí WCAG AA (4.5:1) alebo AAA (7:1) — akcentmi (nasýtenejšie záznamy určené na text, odkazy a ikony) sa tlačí smerom k tomuto pomeru, zatiaľ čo stlmené plochy sa hlásia čestne, ale nikdy nie sú vynútené, pretože pozadie karty sa nečíta ako text. Desaturácia zmäkčuje farby, ktoré by inak žiarili v plnej nasýtení v tme, Zachovať tón akcentu udržuje tón a intenzitu farby značky nedotknuté a Mapovať plochy na úrovne elevácie kročí neutrálne tiene do jemného rampa nad pozadím, spôsobom, akým karta sedí nad stránkou za ňou.
Riadok, ktorý nástroj nemôže čítať ako farbu — bludný komentár, prázdny nadpis — sa preskočí skôr ako aby zlomil zvyšok zoznamu a počet sa objaví v súčte spolu s tým, koľko farieb bolo vytvorené a koľko akcentov dosiahlo cieľový kontrast. Veľmi dlhé zoznamy a Windows alebo Unix riadkové konce sú obidva spracované bez dodatočného nastavenia.
Všetko prebieha lokálne vo vašom prehliadači: farby sa nikdy nenahrávajú ani nikam neposielajú. Skopírujte výsledok, stiahnite si ho ako textový súbor alebo odošlite výstup priamo späť do vstupu, aby ste pokračovali v zdokonaľovaní palety.