← Design & CSS
Design & CSS · körs lokalt

Färgnyanser generator

skapa en deterministisk ljus-till-mörk nyans skala från en HEX färg med kopierbara CSS variabler.

Klar. Dina arbetsdata finns kvar i den här webbläsaren.

Varför detta verktyg är användbart

Använd Color Shades Generator när du behöver skapa en deterministisk ljus-till-mörk-skala av nyanser från en HEX-färg med kopierbara CSS-variabler. Resultatet visas direkt och är lätt att verifiera innan du återanvänder det.

Så fungerar det

Ange de värden som begärs av Color Shades Generator. Webbläsaren validerar inmatningen, utför beräkningen lokalt och skapar ett resultat som kan kopieras, med tydliga felmeddelanden.

Ett praktiskt exempel

Ett praktiskt användningssätt är att först köra Color Shades Generator på ett litet prov, bekräfta resultatet och sedan bearbeta hela värdet eller listan.

Validering

Beräkningen är deterministisk och förklarar valideringsfel istället för att tyst ändra ogiltig inmatning.

Gräns för sekretess

Inmatning och utmatning sker i den här fliken, medan kopiering och nedladdning sker via webbläsarens API:er utan serveruppladdning.

Resultatpass

Varje körning rapporterar sitt verktygsläge, tidsstämpel och in-/utdatastorlek så att omvandlade data kan granskas.