Herramientas de diseño gratis: generador de paletas de colores, logos y más
Genera paletas de colores y degradados, comprueba el contraste, extrae colores de imágenes y crea logos, avatares, mockups, patrones y kits de marca.
12 herramientas
Generador de paletas de coloresCrea paletas de colores con reglas de armonía o a partir de una foto. Mira tonos, contraste y degradados, y exGenerador de patronesCrea patrones de fondo continuos: puntos, cuadrícula, rayas, damero, zigzag, ondas, triángulos, cruces, hexágoComprobador de contrasteComprueba la relación de contraste entre el color del texto y el del fondo según WCAG AA y AAA, para texto norGenerador de avataresCrea avatares predeterminados a partir de un nombre o correo: iniciales, geométrico, beam o pixel, en círculo,Generador de escala tipográficaGenera una escala tipográfica modular a partir de un tamaño base y una proporción, con una proporción menor paGenerador de mockupsColoca capturas de pantalla en una ventana de navegador, portátil, móvil o tableta sobre un fondo de color. AñCreador de logosEscribe tu marca, elige sector, estilo y colores, y obtén decenas de ideas de logo. Edita fuentes, iconos y coGenerador de paletas degradadasCrea una escala de color suave a partir de un color base o entre varios colores. Copia cualquier muestra, obtéGenerador de cuadrícula CSSGenera una cuadrícula de columnas adaptable con tus propios breakpoints, columnas, medianiles, márgenes y anchGenerador de blobs SVGGenera formas orgánicas aleatorias (blobs) para fondos e ilustraciones. Ajusta complejidad y aleatoriedad, relGenerador de kit de marcaCrea un kit de marca sencillo a partir del nombre de tu marca y un color: paleta por armonía de color, pareja Image Color PickerPick any colour from an image with a zoom lens and get its HEX, RGB and HSL codes, plus the image's main colou
Acerca de Herramientas de diseño
Herramientas de diseño para colores, logos y maquetación
Un buen diseño empieza con unas pocas decisiones: qué colores usar, cómo escala el texto y cómo se ve la marca. Estas herramientas de diseño gratis te ayudan a decidir rápido en tu navegador y luego copiar los códigos o descargar los archivos.
Color y tipografía
- Color: el generador de paletas de colores, el generador de paletas de degradados y el selector de color de imagen para sacar códigos HEX de una foto.
- Legibilidad: el comprobador de contraste de color y el generador de escala tipográfica.
- Maquetación: el generador de sistema de rejilla.
Marca y gráficos
Crea un logo sencillo, un kit de marca completo, un avatar o un mockup de dispositivo. Para fondos y formas, prueba el generador de patrones y el generador de blobs SVG. Para degradados, sombras y otro código CSS, mira las herramientas CSS; para editar fotos, las herramientas de imagen.
Consejos
- Limita la paleta a unos pocos colores principales más neutros para texto y fondos.
- Comprueba cada par de texto y fondo con el comprobador de contraste antes de publicar.
- Guarda los logos en SVG o PNG con transparencia para que funcionen sobre cualquier fondo.