Creador de Fondos CSS

Un fondo CSS es más que un solo color. Esta herramienta construye cinco tipos: sólido, degradado lineal, degradado radial, degradado cónico y un patrón repetido, y muestra exactamente cómo se escribe cada uno.

Cambia de modo en la parte superior para modificar lo que hacen los controles de abajo. Los degradados lineales mezclan colores a lo largo de una línea recta, así que defines el ángulo y cada punto de color. Los degradados radiales se expanden desde un punto central, así que eliges una forma circular o elíptica y una posición en su lugar. Los degradados cónicos giran los colores alrededor de un punto central como una rueda de color, la técnica detrás de los gráficos circulares hechos solo con CSS. Añade o quita puntos de color para controlar cuántos colores se mezclan y dónde se ubica cada uno, hasta cuatro por degradado.

El modo Patrón funciona distinto: en lugar de una mezcla suave, repite una forma pequeña, rayas, puntos, una cuadrícula o un tablero de ajedrez, por todo el fondo usando degradados repetidos y background-size, dándote textura en lugar de un desvanecido. Ajusta los dos colores y el control de espaciado para decidir qué tan compacto o disperso se ve el patrón.

La vista previa se actualiza con cada cambio, y el interruptor de texto claro y oscuro muestra si tu fondo es un lugar seguro para texto legible, ya que un extremo de un degradado suele ser mucho más claro que el otro. Cuando se vea bien, copia la declaración de CSS debajo de la vista previa y pégala en la propiedad background de cualquier elemento. Todo ocurre en tu navegador; nada de lo que diseñes aquí se guarda ni se envía a ningún lado.