Color Shades Generator

Een kleurschakeringengenerator neemt één basiskleur en bouwt een monochromatische schaal van lichtere en donkerdere versies ervan, Van een enkele ingang zoals #4466EE produceert het een rij tinten die naar wit stappen, een rij tinten die naar zwart toe stappen, en een rij tonen die naar grijs toestappen Elke swatch is een echte kleur die je kunt kopiëren als HEX, RGB of HSL en direct in CSS, een ontwerpbestand of een themaconfiguratie kunt laten vallen.

De drie schalen komen uit de klassieke definities die in de kleurentheorie worden gebruikt Een tint is de basiskleur gemengd met wit, die zijn lichtheid verhoogt met behoud van dezelfde tint Een tint is de basis gemengd met zwart, die het donkerder maakt Een toon is de basis gemengd met grijs, die de intensiteit vermindert en een gedempte, meer verfijnde versie van de kleur geeft, Het hebben van alle drie van één ingang is wat je een samenhangend palet laat bouwen: een knop en zijn zweefstatus, een reeks diagramreeksen, of de lichte en donkere oppervlakken van een interface, allemaal afgeleid van een enkele merkkleur.

De generator draait volledig in uw browser De kleur die u invoert wordt geparseerd en de schalen worden berekend met JavaScript aan de clientzijde, dus er wordt niets geüpload, er is geen account en uw werk wordt nooit gevolgd. Het accepteert HEX, rgb (), hsl () en algemene CSS-kleurnamen, laat u instellen hoeveel stappen elke schaal bevat en werkt elke swatch onmiddellijk bij. Zodra de pagina is geladen, werkt deze offline.