Diseño
Generador de degradados CSS
Generador de degradados CSS. Entrada: 2 colors. Salida: CSS linear-gradient.
Abrir herramienta Todas las herramientas
Herramientas online de Colores y diseño
Convierte y mezcla colores, comprueba el contraste, crea degradados y efectos CSS y exporta paletas reutilizables.
COLORES Y DISEñOGGMET · FREE TOOLS18Herramientas
$0Core features are free
WEBNo software installation
Diseño
Elige una herramienta
Code and formats
Diseño
Conversor de HEX, RGB, HSL y HSV
Conversor de HEX, RGB, HSL y HSV. Entrada: HEX, RGB, HSL, HSV. Salida: color values.
Abrir herramienta
Diseño
Generador de degradados radiales CSS
Generador de degradados radiales CSS. Entrada: 2 colors. Salida: CSS radial-gradient.
Abrir herramienta
Diseño
Generador de degradados CSS multicolor
Generador de degradados CSS multicolor. Entrada: color stops. Salida: CSS linear-gradient.
Abrir herramienta
Diseño
Comprobador de contraste WCAG
Comprobador de contraste WCAG. Entrada: foreground + background. Salida: contrast ratio.
Abrir herramienta
Diseño
Generador de color de texto legible
Generador de color de texto legible. Entrada: background color. Salida: light or dark text choice.
Abrir herramienta
Diseño
Generador de esquemas de color
Generador de esquemas de color. Entrada: base color. Salida: color palette.
Abrir herramienta
Diseño
Mezclador de colores
Mezclador de colores. Entrada: 2 colors. Salida: mixed color.
Abrir herramienta
Diseño
Generador de tonos de color
Generador de tonos de color. Entrada: base color. Salida: lighter and darker shades.
Abrir herramienta
Diseño
Generador de CSS box-shadow
Generador de CSS box-shadow. Entrada: CSS parameters. Salida: CSS box-shadow.
Abrir herramienta
Diseño
Generador de CSS text-shadow
Generador de CSS text-shadow. Entrada: text + shadow parameters. Salida: CSS text-shadow.
Abrir herramienta
Diseño
Generador de CSS border-radius
Generador de CSS border-radius. Entrada: corner values. Salida: CSS border-radius.
Abrir herramienta
Diseño
Generador de filtros CSS para imágenes
Generador de filtros CSS para imágenes. Entrada: image preview. Salida: CSS filter.
Abrir herramienta
Diseño
Generador de Glassmorphism
Generador de Glassmorphism. Entrada: background and panel parameters. Salida: CSS.
Abrir herramienta
Diseño
Generador de patrones CSS
Generador de patrones CSS. Entrada: colors and pattern settings. Salida: CSS background.
Abrir herramienta
Diseño
Generador de separadores SVG
Generador de separadores SVG. Entrada: shape parameters. Salida: SVG.
Abrir herramienta
Diseño
Generador de variables CSS
Generador de variables CSS. Entrada: palette. Salida: CSS custom properties.
Abrir herramienta
Diseño
Exportador de paletas de colores
Exportador de paletas de colores. Entrada: palette. Salida: CSS, JSON, SVG, PNG.
Abrir herramientaHerramientas online de Colores y diseño
¿Necesito una cuenta?
No. Las funciones básicas de las herramientas están disponibles sin registro.
¿GGMet guarda mis archivos?
No. Los archivos seleccionados solo se utilizan para crear el resultado solicitado y GGMet no los guarda.
¿De qué depende el límite de procesamiento?
El límite práctico depende del tamaño de los archivos, la operación elegida y la memoria disponible en tu dispositivo.