Generador de Gradientes CSS

Crea linear-gradient, radial-gradient y conic-gradient dentro del navegador con edición de color stops, vista previa en vivo y salida CSS lista para copiar.

Generador de Gradientes CSS

El generador de gradientes CSS crea fondos con linear-gradient, radial-gradient y conic-gradient localmente en el navegador, con edición de varios color stops, ajustes de ángulo y posición, vista previa en vivo y salida CSS lista para copiar.

Cómo usarlo

  1. Elige un gradiente lineal, radial o cónico.
  2. Ajusta ángulo, forma, origen y color stops.
  3. Revisa el resultado en la vista previa en vivo.
  4. Copia el CSS generado en tus estilos o notas de handoff de diseño.

Características

  • Soporta los tres tipos de gradiente CSS más comunes
  • Gradientes de varios color stops con vista previa en vivo
  • Genera CSS localmente sin subir datos de diseño

Por qué usarlo

  • Crear rápidamente gradientes para botones, tarjetas, banners y fondos hero
  • Evitar escribir a mano la sintaxis y perder tiempo en prueba y error
  • Copiar CSS listo para usar en colaboración entre diseño y frontend

Herramientas de color relacionadas

Creador de GIF

Convierte imágenes estáticas o clips en GIF animados.

Redimensionador de Imágenes

Redimensiona imágenes por lotes usando píxeles o porcentaje, con bloqueo de proporción y exportación local.

Imagen a ICO

Convierte imágenes en archivos ICO para favicons e iconos de apps, con varios tamaños dentro del mismo archivo.

SVG a PNG/JPG

Exporta SVG como PNG o JPG con tamaño, color de fondo y descarga local.

Optimizador SVG

Optimiza código SVG en tu navegador, elimina metadatos extra y exporta una versión más limpia.

Visor EXIF

Lee EXIF, GPS, cámara y parámetros de captura de imágenes directamente en tu navegador.

Limpiador de metadatos de imagen

Elimina EXIF, XMP, ICC y otros metadatos de imágenes JPEG, PNG y WebP directamente en tu navegador.

Extractor de paleta de imagen

Extrae colores dominantes, proporciones y paletas de una imagen, con exportación local en HEX, CSS o JSON.

Selector de Colores

Toma colores desde entrada manual, la pantalla o imágenes subidas en el navegador y muestra valores HEX, RGB, HSL, HSV, CMYK y CSS.

Convertidor de Colores

Convierte colores entre HEX, RGB, HSL, HSV, HWB, LAB, LCH, CMYK y palabras clave CSS dentro del navegador con soporte bidireccional y canal alfa.

Comprobador de Contraste

Comprueba la relación de contraste WCAG entre colores de primer plano y fondo en el navegador, con niveles AA / AAA para texto normal y grande.

Generador de Box Shadow CSS

Ajusta offset, blur, spread, opacidad, radio e inset de box-shadow dentro del navegador con vista previa en vivo y salida CSS lista para copiar.

Nombres de Colores HTML

Explora y busca colores nombrados de HTML / CSS en el navegador, y copia el nombre del color, HEX o RGB.

Generador de Favicon

Genera recursos favicon comunes, site.webmanifest y snippets HTML desde una sola imagen.

Gemini Watermark Remover

Elimina localmente en tu navegador la marca visible de Gemini, con procesamiento y descarga por lotes.

Imagen a AVIF

Convierte PNG, JPG y otras imágenes a AVIF por lotes con calidad, escala y descarga ZIP.

Compresor PNG

Comprime archivos PNG manteniendo salida PNG, con escala, reducción de colores, vista previa y descarga ZIP.

Imagen a WebP

Convierte PNG, JPG y otras imágenes a WebP por lotes con calidad, escala, vista previa y descarga ZIP.