Diseño dark-first en 2026: qué dicen de verdad las cifras de batería
El modo oscuro pasó a ser una expectativa por defecto, y por el camino se exageraron sus supuestos beneficios ambientales. Qué muestra realmente la investigación sobre OLED y cómo hacerlo sin limitarse a invertir la paleta.
Written and reviewed by Artem Palamarchuk, Founder of BLEX STUDIO.
El modo oscuro dejó de ser una opción y pasó a ser una expectativa
Todos los sistemas operativos importantes incluyen una preferencia de tema oscuro y los navegadores la exponen al CSS mediante `prefers-color-scheme`. Las encuestas a públicos técnicos y de consumo encuentran de forma consistente una mayoría que prefiere interfaces oscuras cuando existen. Un sitio que ignora por completo ese ajuste hoy se lee como abandonado, igual que hace una década se leía un sitio no responsive.
"Dark-first" va un paso más allá: en lugar de diseñar en claro y derivar después una variante oscura, diseñas la paleta oscura como sistema principal y derivas la clara. Es una decisión defendible para cierto tipo de marca y, como en casi todas las tendencias, las razones que se dan mezclan lo cierto, lo exagerado y lo inventado.
La cifra de batería, con precisión
Verás repetido por todas partes que "el modo oscuro ahorra un 47% de batería". Viene de investigación real y el número existe, pero casi siempre se omite la condición.
El trabajo más citado es un estudio de la Universidad de Purdue sobre apps populares en teléfonos OLED. Pasar de claro a oscuro al 100% de brillo redujo el consumo de la pantalla en torno a un 39–47%. Con el brillo que la gente usa en interiores —del 30 al 50%— el ahorro caía aproximadamente al 3–9%. Ambas cifras son del mismo estudio; solo una suele sobrevivir a la presentación de ventas.
Solo OLED y AMOLED. Apagan píxeles individuales para el negro real. En LCD la retroiluminación sigue encendida.
Manda el brillo. El ahorro escala con lo brillante que esté la pantalla.
¿De verdad ahorra un 47% de batería?
En OLED al 100% de brillo, sí, según el estudio de Purdue. Al 30–50% de brillo que se usa habitualmente, el mismo estudio encontró un 3–9%. En LCD el ahorro es insignificante.
¿Mejora el SEO?
No. No existe un factor de posicionamiento por esquema de color ni una señal de "sostenibilidad digital".
¿El fondo debe ser negro puro?
Solo si el ahorro OLED es una prioridad real. Para la mayoría de sitios un gris profundo cercano a #121212 se lee mejor.
¿Es mejor para la vista?
Depende de la persona y del entorno. En una sala oscura reduce el deslumbramiento; en una luminosa puede dificultar la lectura.
¿Tengo que soportar los dos temas?
En la práctica sí: respeta `prefers-color-scheme` y ofrece un interruptor.
¿Cuánto cuesta añadir un tema oscuro?
Poco si el sistema usa tokens semánticos desde el principio. Adaptarlo a un sitio con colores fijos es otro proyecto.