Vorm · T-09
Kleurverloop maken
Kies je kleuren, schuif ze op hun plaats en kopieer de CSS. Met mengen in OKLCH blijven de tussenkleuren helder, ook tussen blauw en geel.
Je bestanden blijven op je toestel
Vragen
Goed om te weten
Wat doet mengen in OKLCH?
Een gewoon verloop mengt rood, groen en blauw rechtstreeks, en tussen blauw en geel krijg je dan een grijze streep. In OKLCH loopt de tint mee rond de kleurcirkel, zodat het midden helder blijft.
Werkt dit in elke browser?
Browsers van 2023 en later begrijpen in oklch. Voor oudere browsers zet Kleurstaal er een regel boven met tussenkleuren die hier al in OKLCH berekend zijn, zodat het er bijna hetzelfde uitziet.
Hoe krijg ik een harde overgang?
Zet twee kleuren op dezelfde plaats, bijvoorbeeld blauw op 50 en geel op 50. Dan springt het verloop daar van de ene naar de andere kleur.
Zo werkt het
Kleurverloop maken in drie stappen
Kies de vorm
Lineair met een hoek, radiaal als cirkel of ellips, of conisch rond een punt.
Zet de kleuren
Twee tot acht kleuren, elk op een plaats van 0 tot 100 procent.
Kopieer de CSS
Met een terugvalregel voor oudere browsers bovenaan. Plak ze bij background.