Generador de paletas para gráficos
Genera colores categóricos, secuenciales o divergentes. Previsualiza un gráfico de ejemplo y copia los colores para tu biblioteca.
Generar colores para gráficos ↓Introduce colores opacos válidos y elige opciones disponibles.
Los colores categóricos separan grupos; los secuenciales muestran orden; los divergentes muestran un punto medio. Las variaciones pueden recortarse a sRGB.
Valores de ejemplo, no analíticas. Usa etiquetas, símbolos o patrones además del color. Una relación 3:1 sobre el fondo no certifica un gráfico.
| Serie | HEX | Contraste sobre el fondo |
|---|
// Pass this array as your dataset backgroundColor or borderColor.
const colors = [
"#2563EB",
"#AC3C99",
"#BF4100",
"#677C00",
"#008E89"
];Qué ofrece esta página
- Usa paletas triádicas o tetrádicas para separar categorías.
- Evita rojo y verde como unica diferencia de estado.
- Comprueba colores en fondos claros y oscuros.
Bueno para
- Dashboards
- Reportes
- Dataviz
Cómo usarlo
¿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 de serie admite un gráfico?
Seis u ocho colores categóricos son el límite práctico. Más allá, los tonos adyacentes dejan de distinguirse en tamaños pequeños. Agrupa la cola larga en un apartado "otros" o pasa a una escala secuencial o divergente construida sobre un solo tono.
¿Los colores de un gráfico deben cumplir el contraste WCAG?
En parte sí. WCAG 1.4.11 pide 3:1 entre los elementos gráficos con significado y su fondo o los colores contiguos. Las etiquetas de texto dentro del gráfico siguen necesitando 4.5:1. Nunca codifiques el significado solo con el tono: añade etiquetas, formas o tramas.