¿Cuál es mi resolución de pantalla, ventana gráfica, DPR y profundidad de color?
Comprueba la resolución, el tamaño de la ventana gráfica, los píxeles físicos estimados, el ratio de píxeles del dispositivo, la profundidad de color, el soporte táctil y el estado HDR que informa tu navegador.
Píxeles CSS frente a píxeles físicos
Los navegadores suelen informar de una resolución lógica menor en pantallas de alta densidad. Un ratio de píxeles del dispositivo de 2x significa que cada píxel CSS se dibuja con unos cuatro píxeles físicos, lo que mantiene el texto legible y conserva los bordes nítidos.
Por qué cambia el tamaño de la ventana gráfica
La ventana gráfica excluye los controles del navegador y cambia con el tamaño de la ventana, el zoom, la orientación y las barras de la interfaz móvil. Es el número útil para probar el diseño web; las estimaciones de píxeles físicos son más relevantes para fondos de pantalla y el hardware de la pantalla.
Más herramientas de pantalla
Utilidades gratuitas en el navegador para probar, iluminar y crear fondos de pantalla.
Pantalla de color
Abre cualquier color sólido a pantalla completa o descárgalo como imagen.
Luz de pantalla
Convierte tu pantalla en una fuente de luz cálida o fría ajustable.
Generador de degradados
Crea, previsualiza y exporta fondos suaves de dos colores.
Información de pantalla
Inspecciona la resolución, la densidad de píxeles, la ventana gráfica y las capacidades de pantalla.