Monochromatische kleurengenerator
Genereer met deze monochromatische kleurengenerator een palet op basis van één basiskleur. Voer een hex-code van 3 of 6 cijfers in en de tool behoudt de kleurtoon en verzadiging, maar past de lichtheid met 30 en 15 punten in beide richtingen aan, binnen een bereik van 10 tot 90 procent. U krijgt vijf tinten als hex-codes, met uw basiskleur in het midden. Ideaal voor ontwerpers en ontwikkelaars die rustige, consistente UI-kleurenschalen en -thema's maken.
Veelgestelde vragen
Wat geeft de monochromatische kleurengenerator als resultaat?
De tool geeft vijf kleuren als hex-codes van zes cijfers in kleine letters. Kleur 3 is uw basiskleur. Kleur 1 en 2 zijn donkerdere versies, en kleur 4 en 5 zijn lichtere versies van dezelfde kleurtoon.
Hoe worden de tinten berekend?
De tool zet uw hex-code om naar HSL en verandert alleen de lichtheid: min 30, min 15, plus 15 en plus 30 procentpunten. De kleurtoon en verzadiging blijven gelijk, zodat alle vijf kleuren tot dezelfde kleurfamilie behoren.
Is er een onder- of bovengrens voor de lichtheid?
Ja. De donkerdere stappen komen nooit onder 10 procent lichtheid en de lichtere stappen nooit boven 90 procent. Zo voorkomt de schaal zuiver zwart en zuiver wit.
Waarom krijg ik dubbele of onverwachte kleuren bij zeer donkere of lichte basiskleuren?
Door de grenzen van 10 en 90 procent vallen stappen dicht bij de uiteinden samen. Bij #000000 worden de twee donkerdere stappen bijvoorbeeld allebei #1a1a1a, wat lichter is dan de basiskleur. Bij #ffffff zijn de twee lichtere stappen allebei #e6e6e6.
Welk palet levert zuiver rood op?
Voor #ff0000 geeft de tool #660000, #b30000, #ff0000, #ff4d4d en #ff9999 als resultaat. Rood heeft een lichtheid van 50 procent, waardoor het de volledige reeks met twee donkerdere en twee lichtere stappen krijgt.
Welke kleurformaten kan ik invoeren?
Voer één hex-code van 3 of 6 cijfers in, met of zonder #, zoals #3366cc of 36c. De notaties RGB en HSL en kleurnamen worden niet geaccepteerd. Zet deze daarom eerst om naar hex.
Waarom is mijn basiskleur na afloop een beetje veranderd?
De kleurtoon, verzadiging en lichtheid worden afgerond op hele getallen. Daardoor kan een kleurkanaal één stap verschuiven wanneer de kleur naar HSL en terug wordt omgezet. #ff5733 wordt bijvoorbeeld in het midden van de schaal weergegeven als #ff5833.
Werkt dit ook voor grijstinten?
Ja. In tegenstelling tot schema's op basis van kleurtoon verandert een monochromatische schaal de lichtheid. Een grijze basiskleur levert dus lichtere en donkerdere grijstinten op. Zwart en wit zijn beperkt door het hierboven beschreven bereik van 10 tot 90 procent.
Hoe gebruik ik een monochromatisch palet in een interface?
Gebruik de donkerste kleuren voor tekst en randen, de basiskleur voor primaire acties en de lichtste voor achtergronden en aanwijseffecten. Controleer het tekstcontrast met een WCAG-contrastchecker, want naburige stappen verschillen slechts 15 punten in lichtheid.
Is het resultaat hetzelfde als dat van de kleurenpaletgenerator?
Ja. Deze tool voert precies dezelfde berekening uit als de optie Monochromatic in de kleurenpaletgenerator. Beide tools geven dus dezelfde vijf hex-codes voor dezelfde basiskleur.