Kleur · T-06
Kleurharmonie uit één kleur
Geef één kleur en kies een harmonie. Kleurstaal draait de tint op het OKLCH-wiel en houdt lichtheid en verzadiging gelijk, zodat de partners even sterk ogen als jouw kleur.
Je bestanden blijven op je toestel
Vragen
Goed om te weten
Waarom het OKLCH-wiel en niet het gewone kleurenwiel?
Op het gewone HSL-wiel ogen geel en blauw bij dezelfde instellingen heel verschillend: geel lijkt veel lichter. OKLCH is gemaakt naar hoe ogen zien, dus de partners van je kleur ogen echt even licht en even sterk.
Wat betekent ingekort bij een staal?
Die tint kan een gewoon scherm niet zo verzadigd tonen. Kleurstaal houdt de lichtheid en de tint en maakt de kleur iets grijzer tot ze past, zoals CSS het zelf ook doet.
Moet ik alle kleuren evenveel gebruiken?
Liever niet. Een gangbare regel is 60, 30 en 10: één kleur voor vlakken, één voor ondersteuning en één als accent. En kijk het contrast na voor je tekst erop zet.
Zo werkt het
Kleurharmonie in drie stappen
Eén kleur
Typ, plak of kies je kleur, in eender welke notatie.
Kies een harmonie
Complementair, analoog, triade, gesplitst complementair, vierkant of tinten van dezelfde kleur. Het wiel toont waar ze liggen.
Kopieer
Klik een staal voor de code, of neem alle kleuren mee als CSS-variabelen.