¿Siguen siendo importantes los colores "seguros para la web"?


62

Hace años, siempre se recomendaba encarecidamente que los diseñadores web solo usaran colores seguros para la web.

¿Se han realizado estudios para ver si este sigue siendo el caso? Si es así, ¿cuál es la respuesta?

¿Alguien sabe o tiene una referencia a un estudio o informe que cubra esto?


No estoy seguro de si alguna vez hubo colores realmente seguros para la web (un conjunto de colores que siempre se procesaría sin vacilar en ninguna plataforma de 256 colores). Al menos no el clásico 216.
e100

Editar: aquí hay un artículo escrito en el año 2000 que señala que hubo problemas importantes con la clásica paleta de 216 colores, especialmente en los sistemas de 16 bits: physics.ohio-state.edu/~wilkins/color/websafecolors.html
e100

Respuestas:


53

Principalmente no tienes nada de qué preocuparte. Una mayoría extraordinaria de los visitantes de un sitio podrán admitir más de 256 colores en estos días.

Si por alguna razón es probable que su base de usuarios tenga una proporción de miembros superior a la normal que usan sistemas de principios de los 90, entonces es posible que desee considerarlo ... pero en cualquier escenario típico ya no es un problema.

Las estadísticas de visualización del navegador w3schools muestran que en enero de 2010 el 0% de los usuarios de Internet todavía tenían 256 colores


13
¿De qué hablamos de colores? Todavía uso monocromo!
Mateen Ulhaq

"En mi día tuvimos que poner en blanco en la pantalla!"
Kaji

44
Y cualquier usuario que todavía esté usando una pantalla de 256 colores probablemente (a) estará muy acostumbrado a una reproducción deficiente del color en todos los ámbitos; o tal vez (b) lo han solucionado, por ejemplo, obligando a los sitios a mostrarse en texto negro sobre un fondo blanco.
e100

@Kaji No, mira, solo eras tú.
Sylverdrag

2
W3schools.com no es un sitio representativo para las estadísticas del navegador: está dirigido a desarrolladores web y atrae a muchos desarrolladores, que tienen más probabilidades de tener una pantalla de mayor resolución con más colores que otros usuarios (excepto los diseñadores gráficos, por supuesto). Dicho esto, es seguro asumir que los usuarios comunes de hoy en día usan tarjetas gráficas que pueden producir muchos colores en alta resolución.
Marcel Korpel

17

Respuesta corta:

No.

Respuesta larga:

El usuario promedio tiene una tarjeta gráfica / monitor lo suficientemente agradable como para que "seguro para la web" ya no sea un problema.


8

A principios de los noventa, la mayoría de las tarjetas gráficas (incluidas las de las 'estaciones de trabajo gráficas' SGI Indy de £ 20K) no tenían suficiente memoria para reproducir imágenes de alta resolución y color verdadero. La solución consistía en utilizar 256 colores que funcionaban con una tabla de consulta y algoritmos de interpolación.

Los 256 colores de la 'tabla de consulta' podrían ser cualquiera de los 2 ^ 24 colores que obtienes con una PC moderna, sin embargo, algunos de estos estaban reservados para el sistema operativo. Por lo general, se utilizaron 32-40 colores para los bordes de las ventanas, el texto del menú y otra decoración de la pantalla, dejando 216 colores para la aplicación.

Con las aplicaciones de PC en una pantalla de 8 bits, cada ventana / aplicación podría tener su propio conjunto de colores, particularmente con estaciones de trabajo Unix. Esto podría provocar el parpadeo de los colores al pasar de una ventana a la siguiente: la ventana seleccionada se vería bien, pero las ventanas de fondo podrían ser un poco extrañas.

Cuando la web llegó junto con el navegador Mosaic (y más tarde Netscape) el navegador tuvo que trabajar con las otras aplicaciones, mostrando sin embargo muchas imágenes que el diseñador web incluyó en la página. Estos podrían reducirse automáticamente a los 216 (6 x 6 x 6) colores 'seguros para la web'. Naturalmente, los otros elementos de la página (por ejemplo, 'H1 - H6') también podrían reducirse a los 216 colores que la paleta tenía disponibles.

Si uno no se adhirió a los 216 'colores seguros para la web' (que cualquier navegador podría procesar), entonces los resultados fueron impredecibles, un rojo sutil podría representarse como un rojo no sutil, etc. Como han mencionado otros en este hilo, 16 bits y verdadero El color apareció para la mayoría de las PC a mediados de los noventa, lo que hace que la "seguridad de la web" sea un problema menor. Sin embargo, las pantallas de 16 bits usaban menos bits para cada color en lugar de una tabla de búsqueda, como era el caso con el color de 8 bits. 5 bits para cada uno de los componentes rojo, verde y azul dieron una aproximación del color verdadero, pero en realidad no lo fue. Un valor RGB dado, por ejemplo, #ABCDEF no se representaría exactamente como #ABCDEF, por lo que 'web safe' aún tenía cierta relevancia si deseaba que los colores fueran los mismos de PC a PC.


8

Cuando Internet (y las computadoras) eran nuevas, las pantallas no tenían el soporte de color que tienen actualmente, ahora tenemos colores de 24 o 32 bits, donde solíamos tener solo color de 8 bits.

Debido a que algunas computadoras no podían mostrar ciertos colores (solo 256 (2 ^ 8)), si se usara un color que no fuera uno de esos seguros para la web, la computadora intentaría mostrar el color más cercano (a veces estaba realmente apagado).

Ahora no tenemos que preocuparnos, tenemos pantallas que pueden mostrar miles o millones de colores, por lo que el palet seguro para la web está un poco desactualizado (quince años más o menos).


El color de 16 bits es 2 ^ 16 = 65536 colores. No es 16x16. Lo que probablemente quiere decir es color de 8 bits. Eso es 2 ^ 8 = 256.
Vaibhav Garg

2

Aproximadamente el 99% de las personas usan monitores / teléfonos móviles con pantalla de 24 o 32 bits. El tramado no ocurrirá con estos (todavía puede ocurrir con una pantalla de 16 bits, pero es poco común y simplemente causa tiempos de carga trivialmente más largos). Por lo tanto, esto no es un problema en términos de interpolación. Sin embargo, hay diferentes razones por las cuales los colores seguros para la web son útiles.

Proporcionan colores consistentemente diferentes y contrastantes, que son útiles para trabajar cuando se trata de audiencias daltónicas, ya que tendrán una mejor oportunidad de decirle a una parte los diferentes colores en comparación con el uso de la mayoría de las otras paletas o simplemente decidir al azar lo que sea colores que crees que se ve bien. Todos los colores son útiles para el código abreviado CSS, en otras palabras, codificar colores con solo 3 caracteres en lugar de 6 (por ejemplo, #663399puede ser #639).


Felicitaciones por mencionar la accesibilidad para audiencias daltónicas. Dicho esto, es mucho mejor esforzarse por elegir colores precisos que realmente contrasten para los deuteranopes (y los protanopes, idealmente) en lugar de esperar que los colores seguros para la web funcionen. Sugeriría crear una paleta personalizada en paletton.com con la simulación para "deuteranopia" activada. (Si eso es demasiado desalentador, la "deuteranomalía" debería funcionar para la mayoría de ellos). El Analizador de contraste de color también es una gran herramienta gratuita. Considere usar solo tonos de azul, amarillo, verde, magenta y gris.
Jon Coombs

-2

Una vez que aún se aplican los colores seguros para la web es cuando se usan imágenes GIF, ya que están limitadas a 256 colores. Por supuesto, esos colores pueden ser casi cualquier conjunto de colores que desee, pero solo puede haber 256 en 1 imagen.


2
Pero esos 256 colores en la paleta GIF no necesitan contener los 216 colores seguros para la web .
jensgram

El punto es más que si desea usar un GIF (posiblemente por el tamaño) para una parte de un diseño (como un logotipo), sería mejor mantener baja la cantidad de colores.
Darryl Hein

1
-1: esto no es relevante.
e100

1
Probablemente no sea relevante la mayor parte del tiempo, pero puedo imaginar casos en los que lo sería. Si te encontraste en una situación en la que querías muchos GIF (o grandes que compilan gran cantidad de contenido) para usar una paleta consistente, entonces esta sería una buena manera de hacerlo, ¿verdad?
Jon Coombs
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.