Forme · T-09
Créer un dégradé
Choisissez vos couleurs, placez-les et copiez le CSS. En mélangeant en OKLCH, les couleurs intermédiaires restent vives, même entre le bleu et le jaune.
Vos fichiers restent sur votre appareil
Questions
À savoir
À quoi sert le mélange en OKLCH ?
Un dégradé ordinaire mélange directement le rouge, le vert et le bleu, et entre le bleu et le jaune, vous obtenez alors une bande grise. En OKLCH, la teinte suit le cercle chromatique, et le milieu reste vif.
Cela fonctionne-t-il dans tous les navigateurs ?
Les navigateurs de 2023 et plus récents comprennent in oklch. Pour les anciens navigateurs, Kleurstaal ajoute au-dessus une règle avec des couleurs intermédiaires déjà calculées ici en OKLCH, pour un rendu presque identique.
Comment obtenir une transition nette ?
Placez deux couleurs à la même position, par exemple du bleu à 50 et du jaune à 50. Le dégradé saute alors d’une couleur à l’autre à cet endroit.
Comment ça marche
Créer un dégradé en trois étapes
Choisissez la forme
Linéaire avec un angle, radial en cercle ou en ellipse, ou conique autour d’un point.
Placez les couleurs
De deux à huit couleurs, chacune à une position de 0 à 100 pour cent.
Copiez le CSS
Avec une règle de repli pour les anciens navigateurs en haut. Collez-le dans background.