Aller au contenu

Générateur de dégradés FREE

Construisez un dégradé linéaire, radial ou conique à partir de vos propres arrêts et copiez le CSS. Interpolez en OKLCH pour éviter la bande grise que sRGB place au milieu.

Gratuit Sans inscription Respect de la vie privée

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) ou un nom de couleur CSS.

Récentes

Dégradés

Chaque conversion, chaque palette et chaque valeur de contraste de cette page est calculée dans votre navigateur. Une image déposée ici est lue sur un canvas dans cet onglet et n'est jamais téléversée.

Comment ça marche

À propos du CSS produit

Des dégradés linéaires, radiaux et coniques, avec autant d'arrêts qu'il faut, glissés à leur place et copiés en CSS. L'angle, la forme et la position font partie de la sortie : ce que vous collez ressemble à ce que vous avez vu.

L'interpolation en OKLCH est proposée parce que l'interpolation en sRGB traîne une bande terne au milieu de beaucoup de dégradés - le bleu vers le jaune en est le cas d'école. La forme sRGB simple est incluse aussi, pour qu'un navigateur qui ignore la syntaxe récente dessine quand même un dégradé.

Créez un meilleur web, plus vite.

Nous développons des logiciels et des solutions sur mesure adaptés à vos besoins.

Nous contacter