Diseño

Red

Dominio

Seguridad

Marketing

Codificación

Imagen

Texto

Código

Fecha y hora

Archivo

Otros

Generador de degradados (CSS)

Genera CSS para degradados lineales y radiales.
Patrón
LinealRadial
Ajustes
Color 1 (#eb2972)
Color 2 (#06c0cc)
Posición (50%)
Límite (80%)
Ángulo (135deg)
　

Explicación

Genera el CSS en tiempo real a partir de los colores y las posiciones del degradado.

Ajustes

PatrónElige entre un degradado lineal y uno radial.
ColoresSelecciona los dos colores que quieres combinar.
PosiciónDefine la posición del punto de transición entre ambos colores.
LímiteDefine la anchura de la transición entre ambos colores. Un valor mayor produce un degradado más suave.
ÁnguloEn los degradados lineales también puedes definir el ángulo.

Herramientas relacionadas

CSS a cuadros

Genera un patrón de fondo a cuadros con CSS.

DiseñoCSSCódigo

CSS rayas

Genera un patrón de fondo de rayas con CSS.

DiseñoCSSCódigo

CSS lunares

Genera un patrón de fondo de lunares con CSS.

DiseñoCSSCódigo

CSS sombra

Genera CSS para sombras (externas/internas) con parámetros ajustables.

DiseñoCSSCódigo

Imagen dummy

Genera imágenes de marcador de posición para mocks y wireframes.Configura el tamaño, los colores de fondo/texto y el texto, y obtén una URL de imagen enlazable directamente.

ImagenDiseño

Comprobar JSON

Valida JSON (y opcionalmente JSONP) y comprueba errores de sintaxis.

CódigoJSONValidación

Texto ficticio

Genera texto de marcador de posición para diseño y wireframes.Admite preajustes o texto personalizado y genera una cantidad específica de caracteres.

TextoDiseño

Entidades HTML

Codifica y decodifica entidades HTML (p. ej., & ↔ &).

CodificaciónHTMLCódigo
DiseñoCSSCódigo