Generátor tmavé palety
Převeďte seznam barev světlého motivu na tmavý ekvivalent s ověřením kontrastu.
Generátor tmavé palety
Vložte barvy ze světlého motivu — jednu na řádek — a tento nástroj generates tmavý ekvivalent pro každou, připravený k vložení do vašeho stylu. Je vytvořen pro každodenní handoff dodání tmavého motivu poté, co už ten světlý existuje: zadejte mu pozadí, povrchy a barvy akcentu a vrací stejnou sadu invertovanou pro tmavé rozhraní.
Pojmenujte každý řádek jako vlastní vlastnost CSS ("background: #ffffff", "--accent: #3366cc") nebo jednoduše vložte holou šestnáctkovou hodnotu. Pozadí tmavého motivu nastavuje pozadí stránky, na kterém je paleta vytvořena, a kontrast každé barvy se kontroluje proti němu. Cílový kontrast si zvolí WCAG AA (4.5:1) nebo AAA (7:1) — akcenty (více nasycené záznamy určené na text, odkazy a ikony) se tlačí směrem k tomuto poměru, zatímco tlumené povrchy se hlášují čestně, ale nikdy nejsou vynuceny, protože pozadí karty se nečte jako text. Snížení nasycení zmäkčuje barvy, které by jinak zářily v plné nasycení v temnotě, Zachovat tón akcentu udržuje tón a intenzitu barvy značky nedotčené a Mapovat povrchy na úrovně nadmořské výšky kročí neutrální odstíny do jemného rampy nad pozadím, způsobem, jakým karta sedí nad stránkou za ní.
Řádek, který nástroj nemůže přečíst jako barvu — bludný komentář, prázdný nadpis — se přeskočí spíše než aby zlomil zbytek seznamu a počet se objeví v součtu spolu s tím, kolik barev bylo vytvořeno a kolik akcentů dosáhlo cílového kontrastu. Velmi dlouhé seznamy a Windows nebo Unix konce řádků jsou zpracovány bez dodatečného nastavení.
Všechno běží lokálně ve vašem prohlížeči: barvy se nikdy nenahrávají ani nikam neposílají. Zkopírujte výsledek, stáhněte si jej jako textový soubor nebo odešlete výstup přímo zpět na vstup, abyste pokračovali v zdokonalování palety.