Generatör för mörka färgpaletter
Konvertera en ljus färgpalett till en mörk motsvarighet med verifierad kontrast.
Generatör för mörka färgpaletter
Klistra in färgerna från ett ljust tema — en per rad — och det här verktyget genererar en mörk motsvarighet för varje färg, redo att släppas in i ditt formatblad. Det är byggt för den vardagliga överlämningen av att skicka ett mörkt tema efter att det ljusa redan finns: ge det dina bakgrunds-, ytor- och accentfärger och det returnerar samma uppsättning, inverterad för ett mörkt användargränssnitt.
Namn varje rad som en CSS custom property ("background: #ffffff", "--accent: #3366cc") eller klistra bara in ett hex-värde. Mörk temabakgrund anger sidbakgrunden som paletten byggs mot, och varje färgs kontrast kontrolleras mot den. Målkontrast väljer WCAG AA (4.5:1) eller AAA (7:1) — accenter (de mer mättade posterna, avsedda för text, länkar och ikoner) trycks mot det förhållandet, medan dämpade ytor rapporteras ärligt men aldrig tvingas, eftersom en korts bakgrund inte läses som text. Minska mättnad mjukar upp färger som annars skulle glöda vid full mättnad i mörkret, Behåll accentfärg håller en varumärkesfärgs nyans och intensitet opåverkad, och Mappa ytor till höjdskillnader trappsteget i neutrala nyanser i små, jämna steg över bakgrunden, på samma sätt som ett kort som sitter över en sidbakgrund.
En rad som verktyget inte kan läsa som en färg — en vilsen kommentar, en tom rubrik — hoppas över istället för att bryta resten, och antalet visas i summan tillsammans med hur många färger som genererades och hur många accenter som nådde målkontrasten. Mycket långa listor och Windows- eller Unix-radbrytningar hanteras båda utan extra installation.
Allt körs lokalt i din webbläsare: färger laddas aldrig upp eller skickas någonstans. Kopiera resultatet, ladda ned det som en .txt-fil eller skicka resultatet direkt tillbaka till inmatningen för att fortsätta förbättra paletten.