Naar de inhoud

Verloopgenerator FREE

Bouw een lineair, radiaal of conisch verloop uit je eigen stops en kopieer de CSS. Interpoleer in OKLCH om de grijze band te vermijden die sRGB in het midden legt.

Gratis te gebruiken Geen registratie Privacy voorop

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) of een CSS-kleurnaam.

Recent

Verlopen

Elke omrekening, elk palet en elke contrastwaarde op deze pagina wordt in je browser berekend. Een afbeelding die je hier neerzet wordt op een canvas in dit tabblad gelezen en nooit geüpload.

Hoe het werkt

Over de CSS die dit oplevert

Lineaire, radiale en conische verlopen, met zoveel stops als je nodig hebt, op hun plaats gesleept en als CSS gekopieerd. De hoek, de vorm en de positie horen bij de uitvoer, dus wat je plakt ziet eruit als wat je zag.

Interpoleren in OKLCH wordt aangeboden omdat interpolatie in sRGB een doffe band door het midden van veel verlopen trekt - blauw naar geel is het klassieke geval. De gewone sRGB-vorm zit er ook bij, zodat een browser die de nieuwere syntaxis niet kent toch een verloop tekent.

Bouw een beter web, sneller.

Wij bouwen maatwerksoftware en oplossingen afgestemd op jouw wensen.

Neem contact op