Conversor de colores
Convierte HEX, RGB y HSL con transparencia, previsualiza el color y copia valores CSS listos para usar.
Generador de degradados CSS
Diseña degradados lineales o radiales con dos a ocho puntos de color y copia el CSS con vista previa en directo.
Acerca de esta herramienta
Ajusta las zonas de transición de un fondo mediante la posición de los colores. La vista previa y el código parten de los mismos valores.
Cómo se usa
Elige tipo, colores y posiciones; ajusta el ángulo si es lineal. Añade o quita puntos y observa el resultado. Se ordenan por posición y dos en el mismo lugar crean un corte definido. Admite de 2 a 8 puntos entre 0 y 100 %, y ángulos de -360 a 360 grados. El radial usa una elipse centrada.
Preguntas frecuentes
¿Cómo creo una separación nítida entre dos colores?
Sitúa dos paradas de colores diferentes en el mismo porcentaje. Las paradas se ordenan por posición. La descarga contiene CSS, no una imagen del degradado.
¿Cómo elijo la dirección del degradado?
Los ángulos lineales siguen CSS: 0° apunta arriba y 90° a la derecha. El modo radial usa una elipse centrada y no tiene ángulo. Copia la declaración background completa en tu regla CSS.
Herramientas relacionadas
Se abre en una pestaña nueva
Comentarios
0