Estoy usando una nueva MacBook Pro de 15" con macOS 10.13.4 configurada con el perfil de color LCD en color predeterminado. Estoy haciendo un trabajo de diseño gráfico y noté que todos los colores en Chrome y Safari aparecen "descoloridos" en comparación con Firefox Este último tiene colores más saturados/vibrantes, y esto sucede con los elementos HTML/CSS nativos (es decir, no solo con las imágenes).
Aquí hay una captura de pantalla de la página de inicio de SmashingMagazine con la comparación (Chrome a la izquierda, Firefox a la derecha). Observe cómo los colores son más vibrantes en Firefox (derecha):
Si cambio el perfil de color de mi pantalla a sRGB IEC61966-2.1, tanto Chrome como Firefox tienen el mismo aspecto.
¿Por qué es esto? Cualquier ayuda es muy apreciada.
De forma predeterminada, Firefox solo aplica la corrección de color a las imágenes que tienen perfiles de color incrustados. Puede habilitar la gestión completa del color para aplicar la corrección de color a todo, incluidos los colores definidos en CSS. Entonces debería parecerse más a Chrome y Safari.
En about:config
(escriba eso en la barra de direcciones), establezca gfx.color_management.mode
en 1
.
Los monitores tienen diferentes curvas de respuesta. Por ejemplo, la diferencia entre #FF0000
y #FA0000
puede notarse en algunos monitores y en otros no.
Los perfiles de color contienen los sesgos para compensar esto alterando la salida real, en un intento de preservar el contraste y la precisión general de la apariencia deseada. Se pueden aplicar a monitores, impresoras y otros dispositivos.
Muchos formatos de imagen admiten perfiles de color incrustados; Piense en ello reduciéndose a descriptores sobre cómo se supone que debe verse . Si el sistema conoce las imprecisiones de su monitor, puede combinar ese perfil con el perfil de la imagen para sesgar la salida y obtener la mejor reproducción posible.
Cuando se trata de cosas sin perfiles, como los valores de color en CSS, se deben hacer algunas suposiciones sobre la intención.
Digamos que su monitor realmente produce una diferencia perceptible entre los dos colores similares mencionados anteriormente. Usas esos colores en tu CSS. La suposición es que su intención era mostrar la sutil diferencia. Algunos monitores pueden terminar mostrando el mismo color en la pantalla, a pesar de que se les envían los dos colores. La corrección de color altera los colores que se envían a la pantalla para que se reproduzca una diferencia sutil. Si quisieras que parecieran iguales, simplemente los habrías usado #FF0000
y nunca te habrías molestado #FA0000
, ¿verdad?
Digital Color Meter es consciente de los perfiles de color en uso. Es por eso que da diferentes valores sobre la misma imagen en dos pantallas diferentes, y diferentes valores según el espacio de color que haya seleccionado.
Es divertido leer las respuestas de los "expertos". Simplemente necesitan ejecutar Firefox contra su navegador en sus monitores calibrados para ver la diferencia real. Independientemente de lo que esté haciendo Firefox (sí, Firefox, no un perfil de color, no un dispositivo de hardware), está mejorando la vitalidad y brindando una experiencia de color más cálida.
Tetsujin
rafael
Tetsujin
rafael
Tetsujin