Herramienta de color práctica
Generador de paletas de marca
Crea una paleta de marca desde un logo o color primario y exporta variables CSS y tokens de diseño.
Qué ofrece esta página
- Mapea el color de marca a primary, accent, neutral y semantic.
- Comprueba si el texto sobre el color de marca pasa WCAG.
- Exporta variables que el equipo dev puede usar directamente.
Bueno para
- Sistemas de marca
- Landing startup
- Guías de estilo
Cómo usarlo
Generador de paletasCrea paletas accesibles, comprueba contraste WCAG, extrae colores de imágenes y exporta CSS, Tailwind, SCSS, JSON, SVG y PNG.Checker WCAGComprueba el contraste entre texto y fondo según WCAG AA y AAA, prueba pares reales y elige combinaciones legibles.Extractor de imágenesExtrae colores dominantes de imágenes PNG, JPG o WebP en el navegador y conviértelos en paletas y tokens exportables.
¿Puedo usarlo con el generador principal?
Sí. Empieza aquí, abre la herramienta principal de Chromoforge con el mismo color base y exporta la paleta.
¿Cuántos colores necesita una paleta de marca?
Un sistema de marca funcional necesita un primario, uno o dos secundarios, un acento para las llamadas a la acción y una escala neutra de cinco a nueve pasos. Más allá de eso los colores son decoración y los estados de los componentes se vuelven difíciles de mantener coherentes.
¿Puedo usar el color de marca para el texto?
Rara vez. La mayoría de los colores de marca saturados no llegan al ratio 4.5:1 exigido para texto sobre blanco. Usa un neutro oscuro para los textos largos y reserva el color de marca para títulos, botones, enlaces y acentos, donde para texto grande basta 3:1.