Aller au sélecteur de couleur

Générateur de dégradé CSS

Créez des dégradés fluides en OKLab ou OKLCH, sans la zone grise du RGB. Copiez le CSS ou les classes Tailwind.

Couleurs

Mélange en

OKLab garde le milieu lumineux. sRGB est le mélange des anciens navigateurs et vire souvent au gris au milieu.

Type
90°

CSS

background: linear-gradient(90deg, #ff5733, #ec6659, #d87075, #c3788d, #ae7ea4, #9781b9, #7e83ce, #6183e2, #3b82f6);
background: linear-gradient(90deg in oklab, #ff5733, #3b82f6);

Tailwind CSS v4

bg-linear-90/oklab from-[#ff5733] to-[#3b82f6]

Couleurs le long du dégradé

7