Número de colores
Texto sobre el color
Estilo
🎨
Haz clic en «Generar paleta» para comenzar

Cómo generar una paleta para tu proyecto

Elige el número de colores y el color del texto — blanco o negro. La herramienta generará una paleta donde todos los colores garantizan buena legibilidad del texto. Haz clic de nuevo para obtener otra variante.

Qué significan las insignias AA y AAA

AA significa que el contraste cumple los requisitos mínimos de accesibilidad WCAG — el texto es legible. AAA es el nivel ampliado, máxima legibilidad. Si no hay ninguno — el texto es difícil de leer sobre ese fondo.

Cómo usar el resultado

Copia las propiedades CSS personalizadas y pégalas en tu proyecto. Cada color ya está verificado para legibilidad — sabes en qué diapositivas puedes usar texto blanco y en cuáles es mejor el negro.

Preguntas frecuentes
¿Por qué el texto no se lee en algunos colores?
Los colores claros dan contraste insuficiente con texto blanco, y los oscuros con texto negro. En esos casos debes usar un color de texto diferente o elegir otro tono de fondo.
¿Cómo funciona la generación de paleta?
El algoritmo distribuye uniformemente los tonos alrededor de la rueda de color y selecciona el brillo en un rango que garantiza la legibilidad del texto. Cada clic da una nueva variante aleatoria.
¿Se pueden cambiar colores individuales?
Aún no — pero puedes hacer clic en «Generar paleta» de nuevo para obtener otra variante, o cambiar el estilo.
¿Para qué proyectos sirve esta herramienta?
Para cualquier proyecto: presentaciones, sitios web, aplicaciones móviles, impresión, branding. Donde necesites crear rápidamente una paleta de colores coordinada con legibilidad del texto en mente.

Más herramientas de color

Selector de colorSube una foto y haz clic en cualquier punto — obtén HEX, RGB, HSL y nombre Paleta de imagenExtrae 5–8 colores dominantes de cualquier imagen Armonías de colorComplementarias, análogas, triádicas y split-complementarias Variaciones de colorMás claro, oscuro, saturado, pálido, cálido, frío Generador de degradadosCrea hermosos degradados y copia el código CSS Contraste WCAGVerificación de accesibilidad AA y AAA — gratis Simulador de daltonismoCómo ven los colores personas con protanopía, deuteranopía y otros tipos Convertidor TailwindLa clase Tailwind más cercana para cualquier color HEX Convertidor de colorHEX ↔ RGB ↔ HSL ↔ CMYK al instante, con copia de código Color por nombreEncuentra HEX por nombre — «terracota», «índigo», «azur» Filtro CSS para SVGRecolorea iconos SVG con cualquier color vía CSS sin editor Paletas de coloresPaletas listas por temas — clic en un color para copiar HEX