Consulta los ocho códigos hexadecimales Okabe-Ito, sus valores RGB, el orden recomendado y ejemplos listos para R, Python y CSS en figuras científicas.
SciFig Team
Scientific Illustration Experts
Okabe Ito color palette reúne ocho colores con valores verificables y listos para copiar.
La paleta Okabe-Ito reúne ocho códigos hexadecimales aptos para figuras científicas accesibles a personas con daltonismo.
Aproximadamente uno de cada doce hombres y una de cada doscientas mujeres presenta algún tipo de deficiencia en la visión del color. Si una figura diferencia información solo mediante rojo y verde, una parte significativa de quienes la leen —incluido el equipo revisor— percibirá algo distinto de lo que diseñaste. Esta guía reúne todos los códigos hexadecimales y valores RGB, además de fragmentos que puedes copiar directamente en R, Python o CSS.
Los ocho colores de la paleta Okabe-Ito mostrados como muestras etiquetadas con su código hexadecimal debajo de cada bloque (muestrario Okabe-Ito creado con SciFig)
Paleta Okabe-Ito: los ocho códigos hexadecimales
La paleta Okabe-Ito contiene ocho colores seleccionados para seguir siendo distinguibles con protanopía, deuteranopía y tritanopía. Masataka Okabe y Kei Ito la publicaron como parte de su trabajo sobre Color Universal Design. Bang Wong la popularizó en las ciencias de la vida mediante una columna de Nature Methods de 2011; por eso el mismo conjunto también aparece como paleta Wong.
Color
Hex
RGB
Naranja
#E69F00
230, 159, 0
Azul celeste
#56B4E9
86, 180, 233
Verde azulado
#009E73
0, 158, 115
Amarillo
#F0E442
240, 228, 66
Azul
#0072B2
0, 114, 178
Bermellón
#D55E00
213, 94, 0
Púrpura rojizo
#CC79A7
204, 121, 167
Negro
#000000
0, 0, 0
El amarillo correcto es #F0E442, un tono suave y ligeramente desaturado. Conviene dejarlo claro porque circulan muchos valores equivocados. El amarillo puro (#FFFF00) no pertenece a Okabe-Ito y, al menos, un paquete popular de R ofrece como opción una variante «ámbar» (#F5C710) que sustituye al original. Copiar los valores de una entrada cualquiera, en vez de una implementación de referencia, puede dar como resultado una paleta distinta de la publicada.
Vea la mejora de figuras en acción
Amplíe, repinte, recolore o reetiquete cualquier figura científica existente a calidad 8K lista para revistas.
Una deficiencia de visión cromática no equivale a «ver en escala de grises». Las formas más frecuentes comprimen un eje concreto del espacio de color: los tonos que se diferencian sobre todo en el eje rojo-verde se vuelven más parecidos, mientras que suelen conservarse las diferencias de luminosidad y del eje azul-amarillo.
El conjunto Okabe-Ito parte de ese principio. Los colores contiguos difieren tanto en tono como en luminosidad. Así, aunque dos colores se aproximen en la percepción de una persona, todavía pueden distinguirse por su claridad. Por eso la paleta también incluye negro: fija un extremo del intervalo de luminosidad y aporta una categoría de referencia fiable.
Simulación comparativa de un gráfico de barras con la paleta Okabe-Ito bajo visión normal, protanopía, deuteranopía y tritanopía (simulación de visión cromática creada con SciFig)
Orden recomendado
Si necesitas menos de ocho colores, no tomes sin más los primeros N de la tabla. Sigue este orden para conservar la máxima separación cuando hay pocas categorías:
#0072B2 azul
#E69F00 naranja
#009E73 verde azulado
#CC79A7 púrpura rojizo
#56B4E9 azul celeste
#D55E00 bermellón
#F0E442 amarillo
#000000 negro
Azul y naranja ocupan los primeros puestos de forma intencionada: es el contraste de dos colores más sólido del conjunto para todos los tipos de deficiencia cromática.
Okabe-Ito es una paleta cualitativa, pensada para categorías sin orden, como grupos de tratamiento, especies o condiciones experimentales. No es adecuada para tres tareas habituales:
Datos ordenados o continuos. Utiliza una escala secuencial perceptualmente uniforme. Viridis suele ser la opción habitual.
Datos divergentes alrededor de un punto medio. Emplea una escala divergente con un centro neutro, como RdBu de ColorBrewer.
Más de ocho categorías. Si necesitas más, normalmente conviene reestructurar la figura mediante paneles, agrupación o etiquetas directas, no añadir un noveno color.
Para decidir qué tipo de paleta corresponde a cada conjunto de datos, nuestra guía sobre cómo elegir paletas para figuras científicas explica las escalas secuenciales, divergentes y cualitativas con ejemplos prácticos.
Gráfico de barras agrupadas y diagrama de dispersión con la paleta Okabe-Ito y etiquetas directas en lugar de leyenda (figura creada con SciFig)
La misma figura Okabe-Ito en color y convertida a escala de grises, con los pares que siguen siendo distinguibles resaltados (figura creada con SciFig)
Errores frecuentes
Depender únicamente del color. Incluso una paleta perfecta falla al imprimirse en escala de grises y para personas con monocromatismo. Combina el color con un segundo canal visual: estilo de línea, forma de marcador, etiquetas directas o textura.
Usar amarillo sobre blanco.#F0E442 ofrece poco contraste sobre un fondo blanco. Resérvalo para áreas rellenas con contorno, no para líneas finas ni marcadores pequeños.
Pensar que la paleta arregla la figura. Una figura saturada con ocho series superpuestas seguirá siendo difícil de leer, por muy bien elegidos que estén los colores. La accesibilidad cromática es un requisito mínimo, no un sustituto de una estructura clara.
Cree figuras científicas ahora
Describa su figura científica en lenguaje natural — obtenga ilustraciones listas para publicar en minutos.
Si vas a crear la figura desde cero, el generador de paletas para figuras científicas aplica estas restricciones durante el diseño. Si ya tienes una figura, Figure Enhancer permite recolorearla con una paleta accesible para daltonismo sin reconstruirla.
Consejo
Comprueba, no des por hecho. Antes de enviar la figura, pásala por un simulador de visión cromática y revísala una vez en escala de grises. Ambas pruebas tardan menos de un minuto y detectan la mayoría de los problemas de accesibilidad.
Los ocho códigos Okabe-Ito son #E69F00 naranja, #56B4E9 azul celeste, #009E73 verde azulado, #F0E442 amarillo, #0072B2 azul, #D55E00 bermellón, #CC79A7 púrpura rojizo y #000000 negro. Los ocho siguen siendo distinguibles con las formas más frecuentes de deficiencia de visión cromática.
Sí, son los mismos ocho colores. Okabe e Ito publicaron el conjunto como parte de Color Universal Design, y Bang Wong lo presentó al público de ciencias de la vida en una columna de Nature Methods de 2011. Ambos nombres corresponden a valores hexadecimales idénticos.
El amarillo Okabe-Ito es #F0E442, un tono suave y desaturado. El amarillo puro #FFFF00 no forma parte de la paleta, y el ámbar #F5C710 de algunos paquetes de R es una sustitución específica del paquete, no el valor publicado.
No. Okabe-Ito es una paleta cualitativa para categorías sin orden. Para datos continuos, utiliza una escala secuencial perceptualmente uniforme como viridis; para datos que divergen alrededor de un punto medio, usa una escala divergente con un centro neutro.
Utiliza los menos posibles y sigue el orden recomendado, empezando por azul y naranja. A partir de cinco o seis categorías, la mayoría de las personas deja de asociar los colores con fiabilidad. En lugar de añadir más tonos, considera dividir la figura en paneles o usar etiquetas directas.
En parte. Los colores difieren en luminosidad, de modo que muchos pares sobreviven a la conversión, pero los ocho no permanecen distinguibles. Si la impresión en escala de grises es importante, codifica la misma información con un segundo canal, como la forma de los marcadores o el estilo de las líneas.
Siga avanzando
Recursos recomendados
Plantillas, herramientas y lecturas adicionales para su investigación
