Ir al selector de color

Generador de degradados CSS

Crea degradados suaves en OKLab u OKLCH, sin la zona gris muerta de RGB. Copia el CSS o las clases de Tailwind.

Colores

Mezclar en

OKLab mantiene luminoso el centro. sRGB es como mezclan los navegadores antiguos y a menudo se vuelve gris en el centro.

Tipo
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]

Colores a lo largo del degradado

7

Degradados populares