Interpolación de Color / Pasos de Gradiente

Cómo usar

1. Configura el hex de inicio y fin (o usa un preset). Presiona ⇄ para invertirlos.
2. Elige el conteo de pasos y espacio de color — OKLab es el default más seguro para tokens de diseño.
3. Copia la lista completa como hex o HSL, o agarra cada muestra una a la vez.

Preguntas frecuentes

¿Por qué OKLab se ve tanto mejor que sRGB?

La interpolación sRGB plana produce medios tonos turbios porque los canales no rastrean la luminosidad percibida — rojo+verde a medio camino es una oliva oscura, no un amarillo limpio. OKLab está construido para que tamaños de paso iguales se vean igualmente diferentes al ojo, así las transiciones se quedan brillantes.

¿Qué hace la curva de easing?

Controla cómo se espacian los pasos a lo largo del gradiente. `Ease-out` agrupa más pasos cerca del inicio (útil para mapas de calor donde el extremo bajo importa más); `Ease-in-out` pone más detalle en ambos extremos.

¿Por qué mis pasos se ven desiguales si los números están igualmente espaciados?

Porque los valores sRGB no son proporcionales ni a la luz ni a la percepción. Interpolar ahí avanza en pasos numéricos iguales, que el ojo lee como apelotonados en un extremo y estirados en el otro, y el paso por el centro puede derivar hacia el gris. Un espacio perceptual como OKLab reparte los pasos como lo hace el ojo, y por eso los mismos extremos dan allí una rampa visiblemente mejor.

¿Cuántos pasos debería tener la leyenda de un gráfico o un mapa de calor?

Menos de los que parece natural. Una persona compara con fiabilidad entre cinco y siete tonos de un mismo color; más allá, el lector deja de asociar la muestra con un valor y empieza a adivinar. Si necesitas más resolución, escribe el número junto al color en vez de añadir pasos, y separa lo suficiente los extremos en luminosidad para que sobrevivan a una impresión en blanco y negro.

Herramientas relacionadas