tabla para paleta etiqueta colores color codigo buscador barra design colors

design - paleta - ¿Los colores seguros para la red siguen siendo relevantes?



tabla de codigo de colores (13)

Dado que la gran mayoría de los monitores son de color de 16 bits o más, incluidos los dispositivos móviles , ¿tiene sentido incluso considerar colores seguros para la Web al elegir combinaciones de colores? ¿O es algo que debería ser relegado a la historia como una pieza trivial?

Para aquellos de ustedes que no saben qué colores son seguros para la web:

Otro conjunto de 216 valores de color se considera comúnmente como la paleta de colores "web-safe", desarrollada en un momento en que muchas pantallas de computadora solo podían mostrar 256 colores. Se necesitaba un conjunto de colores que se pudieran mostrar sin difuminar en pantallas de 256 colores; el número 216 se eligió en parte porque los sistemas operativos de computadora solían reservar dieciséis a veinte colores para su propio uso; también se seleccionó porque permite exactamente seis tonos de rojo, verde y azul (6 × 6 × 6 = 216).

La lista de colores a menudo se presenta como si tuviera propiedades especiales que los hicieran inmunes al tramado. De hecho, en las aplicaciones de pantallas de 256 colores se puede configurar una paleta de cualquier selección de colores que elijan, lo que dificulta el resto. Estos colores se eligieron específicamente porque coincidían con las paletas seleccionadas por las aplicaciones de navegador que entonces lideraban. [Wikipedia]


Algunos colores no se muestran en algunos dispositivos móviles. (tratando de hacer una lista)

Se supone que las barras de título son un fundido azul de CSS:

background: linear-gradient(to bottom, #0099CC1, #0033CC) repeat-x scroll 0 0 #006DCC;

En muchos dispositivos, el fondo no es visible y el encabezado se ve como blanco sobre blanco.


Como los colores seguros para el navegador no son más relevantes al hacer una nueva pregunta y publicar su respuesta no se ve genial. Entonces, estoy tratando de explicar la sugerencia para determinar los colores seguros del navegador simplemente mirando su código hexadecimal

Para un color hexadecimal #xxyyzz , el color es seguro para el navegador si

  • Para parejas:

    • posición 12 es decir, xx valores son los mismos
    • posición 34 es decir, los valores yy son los mismos
    • posición 56 es decir, los valores zz son los mismos
  • Los valores permitidos son

    • 0
    • 3
    • 6
    • 9
    • do
    • F

Creo que lo más importante al elegir una paleta de colores es tener en cuenta el daltonismo. Hay algunos tipos diferentes que conozco, pero lo principal es asegurarse de que haya suficiente contraste entre los colores.

Por ejemplo, el texto verde sobre fondo rojo puede ser más fácil de leer para algunos, pero muy difícil o quizás imposible para otros (¡5-10% de los hombres!), Especialmente si los valores de los colores están cerca.


Depende de lo que quiera decir con colores seguros para la web.

En términos de color de 16 bits, probablemente no valga la pena preocuparse. Sin embargo, los colores no aparecen iguales en todos los dispositivos. Esto puede conducir a todo tipo de problemas, especialmente si la configuración de gamma de un diseñador es diferente a la configuración de su monitor en particular.

Por lo tanto, todavía debe probar su diseño en múltiples configuraciones.


En mi humilde opinión, el punto es realmente discutible. Los colores que no son seguros para la web son difuminados de todos modos. Puede que no se vea mejor en modos de 256 colores, pero siempre que los elementos funcionales de la página / aplicaciones no dependan de esos colores, no perturbará tanto la experiencia del usuario.

Además, la mayoría de los usuarios que navegan en modos de 256 colores sabrán que los colores se difuminarán, ya que no creo que muchos sitios ya se adhieran a los esquemas de colores seguros para la Web.


En mi opinión, su historia.


Los colores seguros para la Web ya no son un problema a menos que se trate con consumidores que tendrán equipos de visualización de video heredados (creo que> 10 años).


No creo que los colores web safe sean relevantes nunca más. Para mí, un problema mucho más grande para los teléfonos inteligentes son todas las páginas web de ancho fijo de 960 píxeles.


Para aquellos de nosotros (como yo) que no sabían exactamente qué colores son seguros para la web, eran

desarrollado en un momento en que muchas pantallas de computadora solo podían mostrar 256 colores. Se necesitaba un conjunto de colores que se pudieran mostrar sin difuminar en pantallas de 256 colores; el número 216 se eligió en parte porque los sistemas operativos de computadora solían reservar dieciséis a veinte colores para su propio uso; también se seleccionó porque permite exactamente seis tonos de rojo, verde y azul (6 × 6 × 6 = 216).

La lista de colores a menudo se presenta como si tuviera propiedades especiales que los hicieran inmunes al tramado. De hecho, en las aplicaciones de pantallas de 256 colores se puede configurar una paleta de cualquier selección de colores que elijan, lo que dificulta el resto. Estos colores se eligieron específicamente porque coincidían con las paletas seleccionadas por las aplicaciones de navegador que entonces lideraban.

Es difícil imaginar algo de esto que se aplique a las pantallas modernas de hoy en día, ya que casi nadie ejecuta su pantalla en 256 colores (a menos que tal vez estén jugando una versión anterior de Leisure Suit Larry ).


Para mí, la paleta de colores web segura ya no es una preocupación principal. Optimizar para la mayor audiencia objetivo.

De acuerdo con los visitantes del sitio w3schools :

  • En enero de 2009, el 1% de los visitantes del sitio tenía 256 pantallas a color , el 95% de los usuarios tenía 24 o 32 bits.
  • [Actualización] En enero de 2015, el 0.5% tenía 256 colores , el 0.5% tenía 24 bits y el 99% tenía 32 bits

Encontré números similares de un sitio de aplicaciones comerciales que cuido:

32-bit 79.01% 24-bit 15.64% 16-bit 5.27% 8-bit 0.08%


Sí, definitivamente es una cosa del pasado. Coloque su importancia justo al lado de sus etiquetas de marquesina.



Todavía es importante si su objetivo es muy pobre para las naciones en desarrollo, como los países del sur de Asia. Personalmente tengo un monitor IPS completo con Windows 10, así que no es un problema para mí, pero somos minorías, y la mayoría de ellos tienen hardware / computadoras / sistemas operativos antiguos, excepto teléfonos móviles, ya que es barato comprar un teléfono móvil más reciente. , pero el hardware de la computadora es costoso debido a los impuestos / costos de importación, etc. en comparación con el salario de una persona promedio. Personalmente presencié mucha gente que todavía usa Windows XP, 98 PC con 256 colores en procesadores Pentium 4. Si apuntas a esa audiencia, es mejor usar colores seguros para la web, pero si estás haciendo un negocio no vale la pena, ya que es menos probable que sean tus clientes, pero si estás haciendo un sitio de información, un blog, un activista sitio que las personas pueden leer e informarse sin tener que pagar por algo, entonces siempre usa el tema alternativo o algo con colores seguros para la web. dado que esas personas están principalmente en Windows XP / 98, intente detectar el SO, y si el usuario es de dichos sistemas operativos, entonces use el tema alternativo.

Así que recuerde que la mayoría de las personas en este mundo son pobres, y la mayoría de las personas todavía usan hardware y tecnologías antiguas. Si desea cubrirlos todos sin trabajar mucho en su tema actual, siempre use los temas de respaldo. Uno para móviles viejos, uno para pantallas de escritorio viejas, uno para pantallas modernas y móviles modernos (sensible)