Herramientas para diseñadores UX/UI
Del color al detalle final: armá paletas, verificá el contraste con criterio WCAG, generá gradientes y sombras CSS, extraé colores de una imagen y creá el favicon. Con foco en accesibilidad y valores listos para el handoff.
Generador de paletas de coloresGenerá paletas de colores armoniosas en un click. Esquemas análogos, complementarios, triádicos y monocromáticos con códigos HEX, RGB y HSL listos para copiar. Verificador de contraste de coloresVerificá si tu combinación de texto y fondo cumple WCAG 2.1 AA o AAA. Calculá el ratio de contraste exacto con preview en vivo, gratis y sin registro. Mezclador de dos coloresMezclá dos colores en proporciones distintas para obtener tonos intermedios. Útil para gradientes y paletas. Generador de gradientes CSSCreá gradientes CSS lineales, radiales y cónicos con preview en vivo. Copiá el código listo para pegar, soporte de múltiples puntos de color y backgrounds modernos. Generador de box-shadow CSSDiseñá sombras CSS con vista previa en vivo: desplazamiento, desenfoque, expansión, color y sombras internas. Copiá el código box-shadow listo para pegar. 100% gratis. Extractor de colores de imagenSubí una imagen y obtené su paleta de colores dominantes, o hacé click en cualquier pixel para su HEX exacto. Nada se sube a ningún servidor. Gratis. Generador de avatar con inicialesGenerá avatares con iniciales y color de fondo derivado del nombre. Estilo Slack, Linear o Notion. Descargable como PNG en alta resolución. Generador de favicon (texto) gratisGenerá un favicon a partir de texto: elegí letra, color de fondo y color de fuente. Descargá un PNG cuadrado listo para usar en cualquier sitio.