Paleta Okabe-Ito: colores exactos y guía de accesibilidad
Consulta los 8 colores hex y RGB de la paleta Okabe-Ito, aplícalos en Python, R, MATLAB y CSS, y revisa sus límites de accesibilidad.
En esta página
- Respuesta rápida: ¿qué es la paleta Okabe-Ito?
- Los ocho colores de un vistazo
- Qué garantiza la paleta y qué no
- Códigos hex, valores RGB y nombres de la paleta
- Tabla de colores lista para copiar
- Un orden práctico para gráficos
- Fondo y visibilidad del amarillo
- La paleta en cifras
- Origen de la paleta Okabe-Ito
- La guía Color Universal Design de Okabe e Ito
- Por qué también se llama paleta Wong
- El original de ocho colores y las variantes de software
- Glosario
- Cómo usar los colores Okabe-Ito en Python, R, MATLAB y CSS
- Python con Matplotlib
- Python con Seaborn
- R base y ggplot2
- MATLAB con colororder
- Propiedades personalizadas de CSS
- Qué implementación está realmente integrada
- Cuándo usar la paleta en gráficos y figuras científicas
- Datos categóricos, secuenciales y divergentes
- Líneas, barras, puntos, diagramas y mapas de calor
- Aplicar la paleta Okabe-Ito en tres pasos
- Límites de accesibilidad y controles previos a la publicación
- No dependas solo del color
- Contraste y colores claros
- Escala de grises como prueba, no como garantía
- Qué hacer con más de ocho categorías
- Preguntas frecuentes
- ¿La paleta Okabe-Ito es segura para el daltonismo en figuras científicas?
- ¿Por qué también se conoce como paleta Wong?
- ¿Está integrada en ggplot2 o Base R?
- ¿Cómo uso la paleta con más de ocho categorías?
- ¿Funciona la paleta Okabe-Ito en escala de grises?
- ¿Conviene usar el amarillo Okabe-Ito sobre fondo blanco?
- ¿Qué diferencia hay entre la paleta original y una versión ampliada?
- Conclusión: una paleta es un sistema, no una garantía
- Referencias
La paleta Okabe-Ito original contiene ocho colores: naranja #E69F00, azul cielo #56B4E9, verde azulado #009E73, amarillo #F0E442, azul #0072B2, bermellón #D55E00, púrpura rojizo #CC79A7 y negro #000000. Úsala para datos categóricos, no para magnitudes continuas, y no dejes que el color sea la única señal informativa.
Puntos clave
- Utiliza los ocho colores para categorías, no para valores continuos.
- Conserva los mismos valores hex y RGB en todas las herramientas.
- Combina el color con etiquetas, formas, patrones o estilos de línea.
- Comprueba el amarillo y los tonos claros sobre el fondo definitivo.
- Usa extensiones documentadas en lugar de inventar API integradas.
- Cambia de estrategia cuando haya más de ocho categorías.
Respuesta rápida: ¿qué es la paleta Okabe-Ito?
Okabe-Ito es una paleta cualitativa de ocho colores que permite distinguir categorías en figuras: naranja, azul cielo, verde azulado, amarillo, azul, bermellón, púrpura rojizo y negro. Sus valores originales aparecen en la guía Color Universal Design de Okabe e Ito, publicada inicialmente en 2002 y revisada en 2008 para crear figuras más legibles para personas con deficiencias en la visión del color. (Okabe & Ito, 2008)
Utiliza la paleta cuando cada tono representa una categoría, como un grupo de tratamiento, una especie o una condición experimental. No es una escala secuencial para medidas de menor a mayor ni una escala divergente alrededor de un punto medio. (EasyStats, 2026; Okabe & Ito, 2008) Esta distinción importa más que la biblioteca de gráficos elegida.
Los ocho colores de un vistazo
La tabla conserva el orden original e incluye valores RGB decimales listos para gráficos, diseño o CSS. (Okabe & Ito, 2008)
| Color | Hex | RGB |
|---|---|---|
| Naranja | #E69F00 | 230, 159, 0 (Okabe & Ito, 2008) |
| Azul cielo | #56B4E9 | 86, 180, 233 (Okabe & Ito, 2008) |
| Verde azulado | #009E73 | 0, 158, 115 (Okabe & Ito, 2008) |
| Amarillo | #F0E442 | 240, 228, 66 (Okabe & Ito, 2008) |
| Azul | #0072B2 | 0, 114, 178 (Okabe & Ito, 2008) |
| Bermellón | #D55E00 | 213, 94, 0 (Okabe & Ito, 2008) |
| Púrpura rojizo | #CC79A7 | 204, 121, 167 (Okabe & Ito, 2008) |
| Negro | #000000 | 0, 0, 0 (Okabe & Ito, 2008) |
Especificar el orden evita diferencias silenciosas entre implementaciones. La versión con nombre de Base R añade gris y puede colocar el negro primero; algunas extensiones también cambian el amarillo. (EasyStats, 2026; R Core Team, 2026) Para que el trabajo sea reproducible, guarda los valores elegidos en el código de la figura y no dependas solo del nombre de la paleta.
Qué garantiza la paleta y qué no
El conjunto se diseñó para mejorar la discriminación de categorías entre personas con deficiencias comunes de visión cromática. (Okabe & Ito, 2008) No garantiza que todas las parejas sigan separadas en escala de grises, que los tonos claros contrasten con blanco ni que la información codificada solo por color sea accesible. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)
Importante: combina la paleta con etiquetas directas, formas de marcador, estilos de línea, patrones o contornos. W3C exige que la información no dependa únicamente del color; la paleta es una parte del diseño accesible, no un certificado. (World Wide Web Consortium, 2024)
Antes de publicar, revisa la figura al tamaño y sobre el fondo definitivos. Las líneas amarillas finas requieren especial atención sobre blanco, y la versión monocroma debe conservar el significado mediante etiquetas u otra codificación redundante. (Okabe & Ito, 2008)
Códigos hex, valores RGB y nombres de la paleta
La paleta contiene ocho colores categóricos codificados como valores hex sRGB y tripletas RGB decimales. Úsalos de forma coherente entre herramientas, pero considera el orden de origen una lista de referencia y no una secuencia universal de trazado. (Okabe & Ito, 2008)
Tabla de colores lista para copiar
Cada tripleta enumera los canales rojo, verde y azul en ese orden.
| Nombre | Hex | RGB |
|---|---|---|
| Naranja | #E69F00 | 230, 159, 0 (Okabe & Ito, 2008) |
| Azul cielo | #56B4E9 | 86, 180, 233 (Okabe & Ito, 2008) |
| Verde azulado | #009E73 | 0, 158, 115 (Okabe & Ito, 2008) |
| Amarillo | #F0E442 | 240, 228, 66 (Okabe & Ito, 2008) |
| Azul | #0072B2 | 0, 114, 178 (Okabe & Ito, 2008) |
| Bermellón | #D55E00 | 213, 94, 0 (Okabe & Ito, 2008) |
| Púrpura rojizo | #CC79A7 | 204, 121, 167 (Okabe & Ito, 2008) |
| Negro | #000000 | 0, 0, 0 (Okabe & Ito, 2008) |
En figuras reproducibles, define una constante por color y reutilízala en cada entorno. Así evitas que blue se convierta en el azul predeterminado de un paquete en vez de #0072B2, y puedes auditar la paleta sin muestrear píxeles exportados.
Un orden práctico para gráficos
No existe un orden único para todos los datos. Asigna azul o bermellón a la categoría principal y distribuye el resto por prioridad semántica, sin recorrer la tabla a ciegas. Reserva el negro para una referencia, control o línea base; en series adyacentes, alterna tono y luminosidad cuando sea posible.
Después de asignar los colores, mantén la relación estable entre paneles, leyendas y gráficos relacionados. Si dos series siguen pareciéndose al tamaño final, añade etiquetas directas, formas o estilos de línea. No reordenes los colores en cada panel.
Fondo y visibilidad del amarillo
El amarillo necesita una comprobación explícita del fondo. Frente al blanco, #F0E442 tiene una relación de contraste calculada de 1,32:1. El valor procede de la fórmula de luminancia relativa sRGB de WCAG 2.2 y se muestra redondeado a dos decimales. (World Wide Web Consortium, 2024)
La relación queda por debajo del objetivo 3:1 para objetos gráficos adyacentes o sus límites necesarios. (World Wide Web Consortium, 2024) Las marcas amarillas finas pueden ser difíciles de localizar aunque el tono sea distinto. Usa amarillo en marcas grandes, fondos oscuros o elementos con borde; un contorno, símbolo o rótulo contrastante también ayuda.
Naranja y azul cielo tienen luminancias próximas, por lo que una salida monocroma puede reducir su diferencia. (World Wide Web Consortium, 2024) Comprueba la paleta sobre el lienzo real y al tamaño de exportación.
La paleta en cifras
- 8 colores en el conjunto categórico original (Okabe & Ito, 2008)
- 1,32:1 de contraste entre amarillo y blanco (World Wide Web Consortium, 2024)
- 1,025:1 de contraste basado solo en luminancia entre naranja y azul cielo (World Wide Web Consortium, 2024)
Origen de la paleta Okabe-Ito
La paleta nació en la guía Color Universal Design de Masataka Okabe y Kei Ito, fechada en 2002 y revisada en 2008. Su objetivo era facilitar la lectura de figuras y presentaciones a personas con y sin deficiencias de visión cromática, combinando colores con etiquetas, formas o estilos de línea. (Okabe & Ito, 2008)
La guía Color Universal Design de Okabe e Ito
La guía original era más que una lista de códigos atractivos. Consideraba el color una parte del sistema de información y recomendaba codificación redundante cuando el color transmite significado. (Okabe & Ito, 2008) Este contexto importa porque la paleta suele separarse del método de diseño que la originó.
Por qué también se llama paleta Wong
Bang Wong presentó colores optimizados para lectores con daltonismo en una columna de Nature Methods de 2011, lo que difundió el conjunto entre autores científicos. (Wong, 2011)
Por eso aparece el nombre paleta Wong, aunque Wong no fue su creador. (Wong, 2011, 2023) Una corrección de autor de 2023 restauró el enlace omitido a la presentación de Okabe e Ito de 2002. (Wong, 2023)
La corrección documenta una omisión concreta: el artículo de 2011 no incluía el enlace a la presentación de Kei Ito y Masataka Okabe de 2002. (Wong, 2023)
La atribución completa sigue esta secuencia: origen en 2002, revisión en 2008, divulgación en 2011 y corrección en 2023. Okabe e Ito desarrollaron la guía; Wong la acercó después a más lectores científicos. (Okabe & Ito, 2008; Wong, 2011, 2023)
El original de ocho colores y las variantes de software
El original termina en negro y contiene ocho colores. (Okabe & Ito, 2008) Una implementación puede variar sin cambiar la fuente histórica. La versión con nombre de Base R contiene nueve colores, añade el gris #999999 y puede colocar el negro primero. (EasyStats, 2026; R Core Team, 2026)
Algunas extensiones sustituyen el amarillo por el ámbar #F5C710 salvo que se active la opción de amarillo original. (EasyStats, 2026) Registra siempre la secuencia y los valores exactos, no solo el texto «paleta Okabe-Ito».
Glosario
- Color Universal Design (CUD): guía para mantener distinguible la información cromática entre distintos tipos de visión. (Okabe & Ito, 2008)
- Paleta Wong: nombre posterior asociado a la columna de Wong de 2011, no un origen diferente. (Wong, 2011, 2023)
- Variante de paleta: cambio específico de software en el número, orden o valor hex de los colores.
- CVD: deficiencia en la visión del color.
- Paleta categórica: colores distintos asignados a grupos discretos.
- Codificación redundante: una segunda señal, como forma o estilo de línea, que expresa la misma diferencia. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)
Cómo usar los colores Okabe-Ito en Python, R, MATLAB y CSS
La implementación más segura consiste en definir de forma explícita los mismos ocho colores sRGB y pasar la lista a cada API. Así se conserva la secuencia original aunque una paleta con nombre añada gris, cambie el orden o utilice otro amarillo. (EasyStats, 2026; Okabe & Ito, 2008; R Core Team, 2026)
Python con Matplotlib
Matplotlib aplica una lista a un Axes mediante set_prop_cycle. (Matplotlib Development Team, 2026) Define la paleta una vez y deja que las llamadas sucesivas avancen por ella.
import matplotlib.pyplot as plt
okabe_ito = [
"#E69F00", "#56B4E9", "#009E73", "#F0E442",
"#0072B2", "#D55E00", "#CC79A7", "#000000",
]
fig, ax = plt.subplots()
ax.set_prop_cycle(color=okabe_ito)
for column in data.columns:
ax.plot(data.index, data[column], label=column)
ax.legend()Usa plt.rcParams["axes.prop_cycle"] solo si quieres cambiar el valor predeterminado de toda la sesión. Un ciclo limitado al Axes reduce efectos sobre figuras no relacionadas.
Python con Seaborn
set_palette acepta una lista y actualiza el ciclo de Matplotlib. (Waskom, 2024) Pasa los valores directamente en vez de suponer que existe un preajuste con nombre.
import seaborn as sns
okabe_ito = [
"#E69F00", "#56B4E9", "#009E73", "#F0E442",
"#0072B2", "#D55E00", "#CC79A7", "#000000",
]
sns.set_palette(okabe_ito)R base y ggplot2
Base R incluye palette.colors(palette = "Okabe-Ito"), pero su implementación tiene nueve colores, añade gris y puede situar negro primero. (R Core Team, 2026) Usa un vector explícito para hacer coincidir el original con otras herramientas.
okabe_ito <- c(
"#E69F00", "#56B4E9", "#009E73", "#F0E442",
"#0072B2", "#D55E00", "#CC79A7", "#000000"
)
# Base graphics
palette(okabe_ito)
plot(x, y, col = group, pch = 16)
# ggplot2
library(ggplot2)
ggplot(df, aes(x, y, colour = group, fill = group)) +
geom_point(shape = 21, size = 3) +
scale_colour_manual(values = okabe_ito) +
scale_fill_manual(values = okabe_ito)El núcleo de ggplot2 documenta escalas discretas manuales, no scale_color_okabeito(). La extensión see documenta see::scale_color_okabeito(). (EasyStats, 2026; Posit, 2026) Indicar el paquete evita código que falla en una instalación con solo ggplot2.
MATLAB con colororder
colororder acepta una matriz n por 3 de tripletas RGB. Divide los valores de 0 a 255 entre 255 antes de asignarlos; la función está disponible desde R2019b. (MathWorks, 2026)
okabeIto = [
230 159 0
86 180 233
0 158 115
240 228 66
0 114 178
213 94 0
204 121 167
0 0 0
] / 255;
ax = axes;
colororder(ax, okabeIto)
plot(ax, x, Y, 'LineWidth', 1.5)Propiedades personalizadas de CSS
CSS no tiene un registro de paletas para gráficos. Guarda los colores como propiedades personalizadas y reutilízalas de forma coherente en gráficos SVG, leyendas y estilos. Los nombres semánticos también facilitan los cambios posteriores.
:root {
--oi-orange: #e69f00;
--oi-sky-blue: #56b4e9;
--oi-bluish-green: #009e73;
--oi-yellow: #f0e442;
--oi-blue: #0072b2;
--oi-vermillion: #d55e00;
--oi-reddish-purple: #cc79a7;
--oi-black: #000000;
}
.series-a { color: var(--oi-orange); }
.series-b { color: var(--oi-sky-blue); }Qué implementación está realmente integrada
| Entorno | Soporte con nombre | Implementación recomendada | Precaución principal |
|---|---|---|---|
| Matplotlib y Seaborn | Sin preajuste Okabe-Ito documentado | Pasar la lista hex | Cambiar el ámbito global solo cuando sea necesario (Matplotlib Development Team, 2026; Waskom, 2024) |
| Base R | Sí, como "Okabe-Ito" | palette.colors() o vector explícito | La versión con nombre contiene nueve colores (R Core Team, 2026) |
ggplot2 y see | Escalas manuales en core; auxiliar en see | scale_*_manual() o see::scale_color_okabeito() | El auxiliar no pertenece al core de ggplot2 (EasyStats, 2026; Posit, 2026) |
| MATLAB | Sin preajuste | RGB normalizado para colororder | Requiere una matriz n por 3 (MathWorks, 2026) |
| CSS | No | Propiedades personalizadas | Probar cada pareja de primer plano y fondo |
Antes de exportar, conserva una matriz de colores canónica, confirma el orden de categorías entre paneles y leyendas, documenta cualquier variante, añade etiquetas o patrones y revisa el amarillo sobre el fondo final. La matriz compartida forma parte del contrato de datos de la figura, no es solo decoración.
Cuándo usar la paleta en gráficos y figuras científicas
Úsala cuando el color separa grupos sin orden inherente: tratamientos, especies, instrumentos, métodos o componentes de un diagrama. No conviertas los ocho tonos en una escala de menor a mayor ni en dos lados de un punto medio. Esos trabajos requieren escalas continuas donde la luminosidad y la dirección representen magnitud.
Datos categóricos, secuenciales y divergentes
| Relación | Estrategia de color | Figura habitual |
|---|---|---|
| Categorías nominales | Tonos Okabe-Ito distintos | Barras agrupadas, líneas, puntos, sectores |
| Magnitud ordenada | Escala secuencial de claro a oscuro | Recuento, intensidad, concentración |
| Desviación respecto a un centro | Escala divergente centrada en la referencia | Correlación, cambio frente a línea base |
La guía presenta ocho colores para distinguir categorías, no una rampa numérica. También recomienda codificación redundante: una figura publicable combina color con etiquetas, formas, estilos de línea, patrones u otra señal. (EasyStats, 2026; Okabe & Ito, 2008)
Líneas, barras, puntos, diagramas y mapas de calor
En líneas, mantén un tono por serie y añade estilos o marcadores. En barras de una sola serie, la longitud ya expresa magnitud y un solo color suele ser más claro; usa varios tonos cuando las barras representen grupos nominales reales. En un gráfico circular, conserva etiquetas directas y leyenda. W3C exige una señal adicional cuando el color transmite información. (World Wide Web Consortium, 2024)
El creador de gráficos de barras admite comparaciones agrupadas y apiladas; el creador circular coloca porcentajes junto a los sectores. La decisión no cambia: un tono representa una categoría, no un rango numérico. Para matrices, utiliza el generador de mapas de calor, con escala secuencial para menor-mayor o divergente alrededor de una referencia.
Aplicar la paleta Okabe-Ito en tres pasos
- Define las categorías y copia los valores exactos. Registra cada relación categoría-hex junto a los datos antes de diseñar el gráfico.
- Asigna un color estable a cada categoría. Mantén la relación en paneles, leyendas, pies, marcas y nodos.
- Verifica la figura final. Añade etiquetas, formas, líneas, bordes o patrones donde el color tenga significado; después revisa fondo, tamaño, escala de grises y exportación editorial.
Para figuras rasterizadas, Recolor de FigEditor Studio permite una paleta personalizada de hasta cuatro valores hex. Elige un subconjunto deliberado para cuatro grupos o menos y comprueba que las relaciones científicas y etiquetas no hayan cambiado.
El mapa categoría-color importa más que el orden de la tabla. Mantener azul para control y bermellón para tratamiento en todos los paneles reduce el reaprendizaje; cambiar esos papeles destruye la coherencia del sistema.
Límites de accesibilidad y controles previos a la publicación
Los ocho colores mejoran la diferenciación para muchas personas con y sin CVD. Eso significa que son compatibles con más tipos de visión, no que cualquier figura sea accesible. WCAG 2.2 exige además una señal no cromática y puede requerir 3:1 en límites gráficos necesarios. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)
No dependas solo del color
Comprueba la figura terminada:
- Da a cada categoría una etiqueta directa o una leyenda inequívoca.
- Añade marcadores, líneas, formas, patrones o bordes cuando las categorías coincidan.
- Evita instrucciones que solo pidan localizar «la línea verde».
- Imagina la figura sin color y confirma que la comparación sobrevive.
La última prueba cubre la regla de color único de WCAG, pero no promete que una versión monocroma conserve todas las diferencias. (World Wide Web Consortium, 2024)
Contraste y colores claros
El contraste de texto y el contraste de objetos gráficos son pruebas distintas. Evalúa las etiquetas con el criterio de texto y los puntos, barras, controles y límites necesarios con el criterio gráfico. Un contorno contrastante puede ayudar cuando dos rellenos no llegan a 3:1. (World Wide Web Consortium, 2024)
El amarillo #F0E442 solo alcanza 1,32:1 frente al blanco, por lo que una línea fina o texto amarillo puede desaparecer. (World Wide Web Consortium, 2024)
Advertencia: superar una simulación CVD no demuestra que también se cumplan contraste de texto, objetos, comunicación no cromática o salida en grises. Prueba cada condición por separado al tamaño y sobre el fondo finales. (World Wide Web Consortium, 2024)
Escala de grises como prueba, no como garantía
La escala de grises elimina el tono y conserva la luminosidad. Naranja y azul cielo tienen luminancias relativas casi iguales, de modo que categorías distintas en color pueden fusionarse. (World Wide Web Consortium, 2024) Usa la previsualización monocroma para detectar fallos y conserva etiquetas o estilos de línea.
Qué hacer con más de ocho categorías
El conjunto original tiene ocho colores. (Okabe & Ito, 2008) Si hay más clases, no inventes tonos próximos. Agrupa categorías, divide la vista en facetas, etiqueta directamente o añade forma y patrón. Reutilizar asignaciones estables entre facetas suele ser más claro que ampliar una sola leyenda.
Preguntas frecuentes
Este conjunto categórico ayuda a distinguir series, pero no certifica contraste, separación en grises ni comunicación basada solo en color. Combina los tonos con etiquetas, formas, patrones o líneas y comprueba la figura en su contexto final. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)
¿La paleta Okabe-Ito es segura para el daltonismo en figuras científicas?
Se diseñó para que muchas personas con deficiencias de visión cromática diferencien mejor los colores, pero no garantiza accesibilidad total. Siguen importando el contraste, tamaño, fondo, salida en grises y uso exclusivo del color. Añade etiquetas, formas, patrones, bordes o estilos de línea y prueba la figura terminada. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)
¿Por qué también se conoce como paleta Wong?
Bang Wong presentó estos colores a lectores científicos en una columna de Nature Methods de 2011, de ahí el nombre posterior. Okabe e Ito habían desarrollado antes la guía Color Universal Design. Una corrección de 2023 restauró el enlace a su presentación de 2002, por lo que Okabe-Ito atribuye mejor el origen. (Wong, 2011, 2023)
¿Está integrada en ggplot2 o Base R?
El núcleo de ggplot2 no ofrece scale_color_okabeito(): usa scale_colour_manual() o scale_fill_manual() con el vector hex. La extensión see sí documenta scale_color_okabeito(), mientras Base R incluye una versión con nombre mediante palette.colors(). Comprueba paquete y secuencia antes de depender del nombre. (EasyStats, 2026; Posit, 2026; R Core Team, 2026)
¿Cómo uso la paleta con más de ocho categorías?
El original solo contiene ocho colores categóricos. Para más clases, evita crear tonos cercanos difíciles de distinguir. Agrupa clases relacionadas, divide la figura en facetas, etiqueta las marcas directamente o combina color con formas y estilos de línea. Mantén asignaciones estables entre paneles en lugar de ampliar una leyenda saturada. (Okabe & Ito, 2008)
¿Funciona la paleta Okabe-Ito en escala de grises?
No está garantizado. Al reducir una figura a luminosidad, las diferencias de tono desaparecen; naranja y azul cielo presentan luminancias calculadas casi iguales. Trata la previsualización monocroma como una prueba para encontrar fallos y conserva el significado mediante etiquetas, marcadores, patrones o estilos de línea diferentes. (World Wide Web Consortium, 2024)
¿Conviene usar el amarillo Okabe-Ito sobre fondo blanco?
Úsalo con precaución. Según la fórmula de luminancia relativa de WCAG 2.2, #F0E442 alcanza aproximadamente 1,32:1 frente al blanco, por debajo del objetivo 3:1 para objetos o límites gráficos necesarios. Prefiere marcas grandes, fondo oscuro, contorno contrastante u otro color y revisa el tamaño final. (World Wide Web Consortium, 2024)
¿Qué diferencia hay entre la paleta original y una versión ampliada?
La fuente contiene ocho colores y termina en negro. Las variantes pueden añadir gris, cambiar el orden o sustituir el amarillo por ámbar; «ampliada» no identifica un estándar universal. Registra la lista hex y su orden en el código o método para que otras personas reproduzcan exactamente los mismos colores. (EasyStats, 2026; Okabe & Ito, 2008; R Core Team, 2026)
Conclusión: una paleta es un sistema, no una garantía
Okabe-Ito funciona mejor como un sistema coordinado. Parte de los ocho valores sRGB exactos, úsalos para categorías y conserva cada asignación en gráficos, código y exportaciones. (Okabe & Ito, 2008) Añade etiquetas directas, formas, líneas, patrones o límites contrastantes.
Importante: la paleta no convierte automáticamente una figura en accesible. El amarillo solo alcanza 1,32:1 sobre blanco, y naranja y azul cielo tienen luminancias relativas casi idénticas. (World Wide Web Consortium, 2024) Revisa tamaño, fondo, modo de visualización y condiciones de impresión finales.
En Python, R, MATLAB o CSS, usa API documentadas e identifica la variante exacta. La paleta resuelve la primera capa de color categórico; la codificación redundante y las comprobaciones contextuales completan el trabajo en grises, fondos claros o figuras con más de ocho categorías. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)
Referencias
- EasyStats. (2026). Okabe-Ito color palette. https://easystats.github.io/see/reference/scale_color_okabeito.html
- MathWorks. (2026). colororder: Set or query color order palette. https://www.mathworks.com/help/matlab/ref/colororder.html
- Matplotlib Development Team. (2026). matplotlib.axes.Axes.set_prop_cycle. https://matplotlib.org/stable/api/_as_gen/matplotlib.axes.Axes.set_prop_cycle.html
- Okabe, M., & Ito, K. (2008). Color Universal Design (CUD): How to make figures and presentations that are friendly to colorblind people (Original work published 2002). https://jfly.uni-koeln.de/color/index.html
- Posit. (2026). Create your own discrete scale. https://ggplot2.tidyverse.org/reference/scale_manual.html
- R Core Team. (2026). Set or view the graphics palette. https://stat.ethz.ch/R-manual/R-devel/library/grDevices/html/palette.html
- Waskom, M. (2024). seaborn.set_palette. https://seaborn.pydata.org/generated/seaborn.set_palette.html
- Wong, B. (2011). Points of view: Color blindness. Nature Methods, 8(6), 441. https://doi.org/10.1038/nmeth.1618
- Wong, B. (2023). Author correction: Points of view: Color blindness. Nature Methods, 20(8), 1266. https://doi.org/10.1038/s41592-023-01974-0
- World Wide Web Consortium. (2024). Web Content Accessibility Guidelines (WCAG) 2.2. https://www.w3.org/TR/WCAG22/
