Sötét módú paletta generátor
Világos téma színlistáját sötét megfelelőjévé alakítsd át, ellenőrzött kontraszttal.
Sötét módú paletta generátor
Illessz be egy világos téma színeit — soronként egyet — és ez az eszköz mindegyikhez sötét párját generálja, kész a stíluslapba. Az az esetek egyedi megoldása, amikor a sötét témát a már meglévő világos után kell szállítani: add meg a háttér-, felület- és hangsúly-színeit, és az eszköz ugyanezt a készletet adja vissza, invertálva a sötét felhasználói felülethez.
Nevezd meg az egyes sorokat CSS egyéni tulajdonságként ("background: #ffffff", "--accent: #3366cc") vagy csak illessz be egy sima hexadecimális értéket. A sötét téma hátterének beállítása meghatározza azt az oldalhátteret, amely ellen a paletta épül, és minden szín kontraszt-ellenőrzése az ellen történik. A cél kontraszt a WCAG AA (4,5:1) vagy AAA (7:1) közül választ — a hangsúlyok (a telítettebb bejegyzések, szöveghez, linkekhez és ikonokhoz készültek) az adott arányra vannak tolva, míg az elnémított felületek őszintén jelentkez, de soha nem kényszerítik, mivel a kártyahátter nem szövegként olvasható. A telítettség csökkentése lágyabbá teszi azokat a színeket, amelyek máskülönben a teljes telítettségen világítanának a sötétben, az akkord tónusa megőrzése megtartja a márkaszín árnyalatát és intenzitását, és a felületek magasság szintekhez rendelése semleges árnyalatokat lépcsőzetes rampába szervez a hátteren felül, ahogy egy kártya az oldal mögött felül ül.
Az a sor, amelyet az eszköz nem tud szín olvasni — egy véletlen megjegyzés, egy üres címsor — kimarad, és nem töri meg a lista többi részét. A szám a számlálóban jelennek meg, a generált színek száma mellett, és hány akkord érte el a cél kontrasztot. Nagyon hosszú listák és Windows vagy Unix sortörések mindkettő problémamentesen kezelt.
Minden a böngészőben helyileg fut: a színeket soha nem töltik fel, és sehol nem küldik el. Másolja az eredményt, töltse le .txt fájlként, vagy küldje vissza a kimenetet közvetlenül a bemenetbe a paletta folyamatos finomításához.