Herramientas de diseño
Herramientas para decidir con intención.
Brand Lab reúne herramientas gratuitas de color, diseño, branding, tipografía, naming, logos, imágenes y desarrollo visual. Elegí una tarea concreta, explorá alternativas y llevate un resultado útil.
Para empezar
Herramientas destacadas
Una selección para definir una paleta, revisar legibilidad o darle forma a una primera dirección de marca.
Generador de paletas de colores
Generá armonías desde un color HEX, revisá valores RGB y HSL, y exportá una paleta para diseño o desarrollo.
Abrir herramientaComprobador de contraste de colores
Comprobá el contraste entre texto y fondo, revisá WCAG AA y AAA y encontrá alternativas accesibles.
Abrir herramientaSelector de color
Elegí un color y obtené HEX, RGB y HSL al instante.
Abrir herramientaCírculo cromático
Explorá armonías a partir de un matiz y una relación cromática.
Abrir herramientaGenerador de nombres de marca
Generá ideas de naming localmente a partir de sector, tono y palabras clave.
Abrir herramientaCombinador de tipografías
Probá pares tipográficos con stacks seguros y previews editoriales.
Abrir herramientaDirectorio completo
Encontrá la herramienta que necesitás
Filtrá por área o buscá por nombre y función.
Color
Herramientas de color
16 herramientasPaleta accesible
Construí variantes y comprobá contraste WCAG.
Abrir herramientaConversor CMYK
Convertí CMYK a RGB y HEX y compará valores.
Abrir herramientaSimulador de daltonismo
Previsualizá aproximaciones de distintas deficiencias de visión cromática.
Abrir herramientaExtractor de colores de una imagen
Subí una imagen y extraé una paleta dominante localmente.
Abrir herramientaSelector de color
Elegí un color y obtené HEX, RGB y HSL al instante.
Abrir herramientaGenerador de shades
Generá versiones más oscuras de un color.
Abrir herramientaGenerador de tints
Generá versiones más claras de un color.
Abrir herramientaCírculo cromático
Explorá armonías a partir de un matiz y una relación cromática.
Abrir herramientaColor complementario
Encontrá el complementario y combinaciones relacionadas.
Abrir herramientaComprobador de contraste de colores
Comprobá el contraste entre texto y fondo, revisá WCAG AA y AAA y encontrá alternativas accesibles.
Abrir herramientaGenerador de gradientes
Creá gradientes CSS entre dos colores.
Abrir herramientaHEX a RGB
Convertí un color HEX a RGB y HSL.
Abrir herramientaConversor HSL
Convertí HSL a HEX y RGB.
Abrir herramientaGenerador de paletas de colores
Generá armonías desde un color HEX, revisá valores RGB y HSL, y exportá una paleta para diseño o desarrollo.
Abrir herramientaRGB a HEX
Convertí valores RGB a HEX y HSL.
Abrir herramientaRGB a HSL
Convertí RGB a HSL y HEX.
Abrir herramientaTypography
Herramientas de typography
5 herramientasTipografía fluida
Generá un clamp() entre tamaños y viewports.
Abrir herramientaCombinador de tipografías
Probá pares tipográficos con stacks seguros y previews editoriales.
Abrir herramientaCalculadora de interlineado
Estimá un line-height legible según tamaño y ancho de lectura.
Abrir herramientaEscala modular
Construí una escala modular desde una base y una proporción.
Abrir herramientaEscala tipográfica
Calculá tamaños de títulos y cuerpo a partir de una escala.
Abrir herramientaBranding
Herramientas de branding
6 herramientasQuiz de arquetipo de marca
Explorá qué arquetipo encaja mejor con tu posicionamiento.
Abrir herramientaAuditoría de marca
Completá un checklist y obtené un puntaje general de madurez.
Abrir herramientaGenerador de brief de marca
Armá un brief estructurado listo para copiar.
Abrir herramientaQuiz de color de marca
Encontrá una familia cromática alineada con atributos de marca.
Abrir herramientaConstructor de brand guidelines
Armá una mini guía de marca con colores, tipografías y tono.
Abrir herramientaPersonalidad de marca
Definí rasgos y obtené una síntesis de personalidad de marca.
Abrir herramientaNaming
Herramientas de naming
4 herramientasGenerador de nombres de marca
Generá ideas de naming localmente a partir de sector, tono y palabras clave.
Abrir herramientaPuntaje de nombre de marca
Evaluá longitud, pronunciabilidad y claridad con heurísticas locales.
Abrir herramientaGenerador de slogans
Creá slogans a partir de una propuesta y un tono.
Abrir herramientaPuntaje de slogan
Evaluá concisión y claridad de un slogan.
Abrir herramientaLogos
Herramientas de logos
6 herramientasGenerador de favicon
Creá un favicon PNG a partir de iniciales y colores.
Abrir herramientaChecklist de logo
Revisá entregables y criterios esenciales de un sistema de logo.
Abrir herramientaCalculadora de área segura
Previsualizá márgenes de seguridad alrededor de un logo.
Abrir herramientaComprobador de tamaño de logo
Revisá dimensiones, proporción y resolución de un archivo.
Abrir herramientaQuiz de tipo de logo
Respondé unas preguntas y obtené un tipo de logo sugerido.
Abrir herramientaTamaños de logo para redes
Prepará presets de exportación para formatos sociales habituales.
Abrir herramientaImages
Herramientas de images
8 herramientasCalculadora de relación de aspecto
Calculá y redimensioná proporciones de forma rápida.
Abrir herramientaCompresor de imágenes
Reducí peso con calidad ajustable, sin subir archivos a servidores.
Abrir herramientaRedimensionador de imágenes
Redimensioná imágenes localmente y descargá el resultado.
Abrir herramientaGenerador de mockups
Creá un mockup simple con tu imagen y descargalo como PNG.
Abrir herramientaGenerador de moodboards
Combiná imágenes y colores en un moodboard descargable.
Abrir herramientaPNG a WebP
Convertí PNG a WebP con calidad configurable.
Abrir herramientaOptimizador SVG
Limpiá comentarios, metadatos y espacios de un SVG.
Abrir herramientaSVG a PNG
Renderizá un SVG a PNG en el navegador.
Abrir herramientaCSS
Herramientas de css
4 herramientasGenerador de border-radius
Diseñá radios por esquina y copiá el CSS.
Abrir herramientaGenerador de box-shadow
Ajustá una sombra visualmente y copiá el CSS.
Abrir herramientaGenerador de variables CSS
Convertí una lista de colores en variables CSS.
Abrir herramientaGenerador de gradientes CSS
Creá gradientes de múltiples puntos y copiá el CSS.
Abrir herramientaNo encontramos herramientas con esos criterios. Probá otra búsqueda o elegí “Todas”.