Simulador de Condiciones de Iluminación

Esta herramienta te permite simular cómo se verán tus colores bajo diferentes condiciones de iluminación, entornos y dispositivos. Ideal para diseñadores, desarrolladores y profesionales que necesitan asegurar la consistencia del color en diferentes contextos.

¿Cómo usar esta herramienta?
  • Selecciona un color base usando el selector de color
  • Ajusta las condiciones de iluminación (tipo de luz, entorno, temperatura)
  • Elige el dispositivo de visualización objetivo
  • Observa la simulación en tiempo real
  • Usa los presets predefinidos para situaciones comunes o guarda tus propias configuraciones

Color Base

Ajustes de Iluminación

Temperatura de Color: 6500K

Previsualización
Original
Simulado
Color Original
HEX: #183e7a
RGB: rgb(24, 62, 122)
HSL: hsl(217, 67%, 29%)
Color Simulado
HEX: #1f3273
RGB: rgb(31, 50, 115)
HSL: hsl(226, 58%, 29%)

Paleta Adaptativa

Generador de Paletas con IA

Si el generador no funciona, por favor visita este enlace y haz clic en "Request temporary access" para activar el servicio.

¿Qué es el Generador de Paleta Adaptativa?

Esta herramienta te ayuda a crear paletas de colores que se adaptan automáticamente a diferentes dispositivos y condiciones de visualización. Partiendo de tu color base, genera:

  • • Variaciones armónicas usando diferentes esquemas de color (complementario, análogo, etc.)
  • • Ajustes automáticos para diferentes tipos de pantallas (LCD, OLED, E-ink)
  • • Versiones optimizadas para impresión y diferentes condiciones de luz

Ideal para diseñadores que necesitan asegurar que sus paletas de colores funcionen bien en múltiples contextos y dispositivos.

Variaciones por Color: 2

Previsualización en Diferentes Dispositivos
Color 1
LCD
Pantalla LCD estándar#183e7a
OLED
Pantalla OLED con negros puros y colores vibrantes#1e498e
E-Ink
Pantalla E-Ink en escala de grises#494949
Impresión
Optimizado para impresión#1c3f76
Color 2
LCD
Pantalla LCD estándar#255eba
OLED
Pantalla OLED con negros puros y colores vibrantes#2768d2
E-Ink
Pantalla E-Ink en escala de grises#6f6f6f
Impresión
Optimizado para impresión#2b5fb4
Color 3
LCD
Pantalla LCD estándar#0b1d3a
OLED
Pantalla OLED con negros puros y colores vibrantes#15294a
E-Ink
Pantalla E-Ink en escala de grises#222222
Impresión
Optimizado para impresión#0d1d38
Color 4
LCD
Pantalla LCD estándar#4f86dc
OLED
Pantalla OLED con negros puros y colores vibrantes#5191f4
E-Ink
Pantalla E-Ink en escala de grises#959595
Impresión
Optimizado para impresión#5487d7
Color 5
LCD
Pantalla LCD estándar#000000
OLED
Pantalla OLED con negros puros y colores vibrantes#0d0d0d
E-Ink
Pantalla E-Ink en escala de grises#000000
Impresión
Optimizado para impresión#000000
Color 6
LCD
Pantalla LCD estándarhsl(37, 67%, 29%)
OLED
Pantalla OLED con negros puros y colores vibranteshsl(37, 66%, 34%)
E-Ink
Pantalla E-Ink en escala de griseshsl(0, 0%, 29%)
Impresión
Optimizado para impresiónhsl(37, 62%, 29%)
Color 7
LCD
Pantalla LCD estándarhsl(37, 67%, 44%)
OLED
Pantalla OLED con negros puros y colores vibranteshsl(37, 69%, 49%)
E-Ink
Pantalla E-Ink en escala de griseshsl(0, 0%, 44%)
Impresión
Optimizado para impresiónhsl(37, 62%, 44%)
Color 8
LCD
Pantalla LCD estándarhsl(37, 67%, 14%)
OLED
Pantalla OLED con negros puros y colores vibranteshsl(37, 57%, 19%)
E-Ink
Pantalla E-Ink en escala de griseshsl(0, 0%, 14%)
Impresión
Optimizado para impresiónhsl(37, 62%, 14%)
Color 9
LCD
Pantalla LCD estándarhsl(37, 67%, 59%)
OLED
Pantalla OLED con negros puros y colores vibranteshsl(37, 88%, 64%)
E-Ink
Pantalla E-Ink en escala de griseshsl(0, 0%, 59%)
Impresión
Optimizado para impresiónhsl(37, 62%, 59%)
Color 10
LCD
Pantalla LCD estándarhsl(0, 0%, 0%)
OLED
Pantalla OLED con negros puros y colores vibranteshsl(0, 0%, 5%)
E-Ink
Pantalla E-Ink en escala de griseshsl(0, 0%, 0%)
Impresión
Optimizado para impresiónhsl(0, 0%, 0%)