Visualizador 3D de Color

Explora los espacios de color RGB, HSL y LAB en tres dimensiones

Drag to rotate • RGB Space
#6366F1
RGB: 99, 102, 241
#EC4899
RGB: 236, 72, 153
#10B981
RGB: 16, 185, 129

RGB Cube: Each axis represents Red, Green, Blue (0-255)

HSL Cylinder: Hue around the circle, Saturation as radius, Lightness as height

HSV Cylinder: Similar to HSL but with Value instead of Lightness

Cómo funciona

Los espacios de color son modelos matemáticos que representan colores en coordenadas.

Espacios de color

  • RGB: Cubo con ejes Rojo, Verde, Azul
  • HSL: Cilindro con Tono, Saturación, Luminosidad
  • LAB: Esfera perceptualmente uniforme

💡 Ejemplos de uso prácticos

Caso 1: Entender por qué un gradiente se ve "sucio"

Tu gradiente de rojo a verde pasa por marrón feo en el medio.

→ En RGB, la línea recta entre rojo y verde pasa por colores apagados
→ En LAB, el camino es más natural y vibrante

Caso 2: Crear paleta armónica

Visualiza cómo se distribuyen tus colores en el espacio.

→ Colores cercanos en 3D son armónicos
→ Colores opuestos crean contraste

Caso 3: Aprender teoría del color

Entender visualmente conceptos como saturación y luminosidad.

→ Rota el modelo HSL para ver cómo cambia el tono
→ Observa cómo la saturación afecta la distancia al eje central

Preguntas Frecuentes

¿Para qué sirve visualizar en 3D?
Ayuda a entender cómo se relacionan los colores y por qué ciertas combinaciones funcionan mejor que otras.
¿Qué espacio de color es mejor?
Depende del uso. RGB para pantallas, HSL para ajustes intuitivos, LAB para mezclas perceptualmente uniformes.