kleurenpalet generator

De Color Palette Generator verandert een enkele basiskleur in een gecoördineerde set kleuren met behulp van kleur-wiel harmonieregels Kies een startkleur en kies een modus - tinten en tinten, monochromatisch, complementair, analoog, triadisch of tetradisch - en de tool berekent een gebalanceerd palet met de HEX-code voor elke swatch.

Goede kleurencombinaties volgen voorspelbare relaties op het HSL-kleurenwiel: complementaire kleuren zitten tegenover elkaar, analoge kleuren zitten naast elkaar en triadische kleuren zijn gelijkmatig verdeeld. Deze met de hand uitwerken betekent jongleren met tinthoeken en lichtheidswaarden. Deze tool doet de wiskunde direct en toont het resultaat, zodat u een schema kunt kiezen dat werkt.

Alles draait client-side Pas de basiskleur aan, schakel modi, klik op een swatch om de HEX-code te kopiëren, of gebruik Copy CSS om het hele palet te exporteren als aangepaste CSS-eigenschappen Geen account, geen uploads en het blijft offline werken zodra de pagina is geladen.

Een uitgewerkt voorbeeld laat zien hoe het werkt als een trouwkleurenpaletgenerator, met één voorwaarde: er zijn geen trouwpresets, dus je brengt de kleur mee Typ een saliegroen, #9caf88, als de basiskleur en kies Complementair De vier stalen zijn #c2ceb6, #9caf88, een stoffige lavendel #9b88af en een diepere #755e8d, en Copy CSS retourneert ze als - kleur-100 tot - kleur-400 Voor een resultaat van een pastelkleurenpaletgenerator, begin vanaf een bleke basis zoals #a7c7e7: analoog, triadisch en setradadisch houd ze zacht en sadisch.

De harmoniemodi komen uit kleur-wielrelaties, waarbij de tint met vaste hoeveelheden rond de cirkel wordt gedraaid: 180 graden voor complementair, 120 voor triadisch, en kleine stappen voor analoog Dat wiskunde wordt gedaan in HSL, wat handig is en niet perceptueel uniform HSL-lichtheid behandelt geel en blauw met dezelfde waarde als even licht, en voor het oog zijn ze dat niet, daarom kan een triadische set er evenwichtig uitzien op papier en ongebalanceerd op het scherm Controleer elk palet dat u van plan bent te gebruiken voor tekst tegen een contrastcontrole in plaats van de cijfers te vertrouwen Schaduwen en tinten worden geproduceerd door lichtheid te bewegen terwijl u tint en verzadiging vasthoudt, waardoor een familie herkenbaar verwant is en wat ze nuttig maakt.