Color

Existen distintos tipos de paleta de colores que se utilizan en la visualización de datos. El tipo de paleta que se elija para una visualización depende de la naturaleza de los datos asignados al color. 

Paleta categórica

Se utiliza cuando las variables toman etiquetas distintas sin un orden inherente, por ejemplo; país, región, género. A cada conjunto de datos se le asigna un color de la paleta.

Estos colores varían en tono, brillo y saturación para facilitar su interpretación a personas que no logran distinguir entre algunos colores debido al daltonismo, para cumplir con los estándares de accesibilidad.

Paleta de colores

Elemento A
#0176DE
Elemento B
#FEC60D
Elemento C
#66B3FF
Elemento D
#173F8A
Elemento E
#7BB87B
Elemento F
#03122E

Extensión complementaria

Elemento G
#7BE5DC
Elemento H
#D58D00
Elemento I
#D10068
Elemento J
#00570A

Gris para contraste

Gris para contraste
#CCCCCC

Simulación CEGUERA DE COLOR

El presente diagrama indica cómo se visualizaría la paleta categórica según el tipo de ceguera de color que pueden presentar las personas.

A
B
C
D
E
F

Extensión complementaria

G
H
I
J

Gris para contraste

Combinación por cantidad de colores

Sigue la guía a continuación para que tus visualizaciones esten alineadas con la marca y sean accesibles.

Combinaciones

1 color
2 colores
3 colores
4 colores
5 colores
6 colores

Si en la visualización se deben mostrar más de 6 elementos, se pueden agrupar los de menor participación como "otros". No obstante, si es realmente necesario usar más de 6 colores, se puede usar la siguiente extensión de la paleta. 

Extensión de paleta

Recomendaciones

Es mejor limitar el tamaño de la paleta de colores, ya que demasiados colores dificultan la distinción entre grupos. Si hay más valores que colores posibles, se pueden agrupar los valores de las categorías más pequeñas bajo la categoría "Otros". 


Paletas secuenciales

Se utiliza una paleta secuencial cuando la variable es numérica o tiene valores inherentemente ordenados. Los valores más bajos se asocian a colores más claros y los valores más altos, a colores más oscuros y saturados.

Azul

Amarillo

Gris

10
#03122E
9
#042259
8
#173f8A
7
#0354B1
6
#0176DE
5
#3090E8
4
#60AAF0
3
#90C4F6
2
#C0DDFB
1
#F0F7FE
10
#331C00
9
#583904
8
#A37300
7
#C79400
6
#E3AE00
5
#FEC60D
4
#FFD53E
3
#FFE371
2
#FFEFA8
1
#FFFAE0
10
#1F1F1F
9
#383838
8
#383838
7
#707070
6
#9C9C9C
5
#C6C6C6
4
#EAEAEA
3
#F0F0F0
2
#F6F6F6
1
#FAFAFA

Verde

Rojo

10
#033503
9
#025A02
8
#049A04
7
#00AA00
6
#00B800
5
#45D345
4
#5CE05C
3
#91F391
2
#C4F7C4
1
#E2FDE2
10
#520000
9
#670404
8
#950A0A
7
#A81919
6
#C82929
5
#E33A3A
4
#F24F4F
3
#FA7E7E
2
#FAB5B5
1
#FDE8E8

Recomendaciones

  • Si se desea enfatizar los valores más altos se puede usar una paleta de colores secuenciales. En cambio, si también se quiere destacar los más bajos, es preferible optar por una paleta de colores divergentes.
  • También se puede elegir una paleta secuencial cuando se prefiera una lectura más intuitiva de la información visualizada.

Paletas divergentes

La paleta divergente se usa para conjuntos que tienen un valor central significativo, como es el caso de una escala numérica de positivos y negativos, o una escala Likert. Es una combinación de dos paletas secuenciales, donde a una paleta se le asignan los valores menores al valor central y a la otra paleta, los valores mayores al valor central. 

Divergente A

Divergente B

10
#03122E
9
#042259
8
#173f8A
7
#0354B1
6
#0176DE
5
#3090E8
4
#60AAF0
3
#90C4F6
2
#C0DDFB
1
#F0F7FE
0
#FFFFFF
-1
#FFFAE0
-2
#FFEFA8
-3
#FFE371
-4
#FFD53E
-5
#FEC60D
-6
#E3AE00
-7
#C79400
-8
#A37300
-9
#583904
-10
#331C00
10
#03122E
9
#042259
8
#173f8A
7
#0354B1
6
#0176DE
5
#3090E8
4
#60AAF0
3
#90C4F6
2
#C0DDFB
1
#F0F7FE
0
#FFFFFF
-1
#FDE8E8
-2
#FAB5B5
-3
#FA7E7E
-4
#F24F4F
-5
#E33A3A
-6
#C82929
-7
#A81919
-8
#950A0A
-9
#670404
-10
#520000

Recomendaciones

Se recomienda optar por una paleta divergente cuando:

  • Hay un punto medio significativo en los datos.
  • Se quiere enfatizar los extremos.
  • Se espera que los lectores vean más diferencias en los datos.

Paleta de semáforo

En la paleta de semáforos, el verde suele indicar un estado positivo o deseable, el rojo representa un estado negativo o crítico, y el amarillo generalmente denota un estado de precaución o transición. También se incluye el color gris, si es que se desea incorporar valores nulos o que se han invalido en la muestra analizada.

semáforo

#00AA00
#FEC60D
#FA7E7E
#EAEAEA