El mundo digital es un lugar colorido. Hay millones de colores disponibles para que los utilice un sitio web o un diseñador gráfico. Esta gran cantidad de opciones disponibles puede confundir a un principiante. A menudo, uno no piensa mucho en elegir los códigos de color correctos o en elegir colores basados en la elección personal.
Sin embargo, elegir los códigos de color correctos es tanto una ciencia como un arte. Científica y técnicamente, puede elegir los colores correctos con precisión matemática, siempre que conozca la ciencia detrás de los códigos. Del mismo modo, uno debe ser artístico al tomar esta decisión, ya que no elegir los tonos correctos puede resultar en un sitio web o un gráfico que sea llamativo, agradable a la vista y difícil de leer.
Comprensión de los códigos de color hexadecimales / HTML
El hecho de que haya más de 16 millones de códigos de color para elegir resulta de las 256 configuraciones posibles de los tres colores primarios rojo, verde y azul (comúnmente conocido como RGB). Estos son los tres colores principales de los que se pueden derivar otros colores. El número de 16,7 millones resulta de la cubicación matemática de 256 (256x256x256).
El código hexadecimal es el sistema de numeración en base 16 que utilizan las computadoras. Para especificar un código de color específico en código hexadecimal, debe mezclar rojo, verde y azul (siempre en este orden) usando la tabla con las tablas de códigos de color. En la tabla, cada código se divide en 3 frases de 2 dígitos cada una: rr, gg y cama y desayuno son los pares de dos dígitos que controlan los tres tonos primarios. Cada uno de rr, gg y cama y desayuno puede tener valores desde none (00) hasta un máximo de (ff).
Por lo tanto, 100% rojo se denota por ff porque es el sistema base 10 y también porque los dígitos son hexadecimales 0-9 y af. Entonces, un ejemplo de un color HTML rojo es #ff3333.
Algunos códigos de color de uso común de los 16,7 millones de combinaciones posibles incluyen:
- #ffffff – Blanco (máximo rojo, máximo verde y máximo azul)
- # 000000 – Negro (sin rojo, sin verde y sin azul)
- # ff0000 – Rojo (totalmente rojo sin verde y sin azul)
- # 00ff00 – Verde (totalmente verde sin rojo y sin azul)
- # 0000ff – azul (totalmente azul sin verde y rojo)
Catálogo de colores
Aquí hay una tabla de descripción general con diferentes colores y sus códigos Hex / HTML, RGB y CMYK. Haga clic en la imagen para abrirla y ampliarla en alta resolución.
Colores seguros para la Web
Echemos un vistazo a qué son los colores seguros para la Web. Los códigos de color compatibles con la Web o los navegadores son los 216 colores que aparecen sólidos, no difuminados y consistentes en todos los monitores. Para comprender el término «difuminado», configure el monitor de su computadora para que muestre sólo 256 o 16 colores. Ahora notará un indicador de «mancha» cuando navegue por Internet con esta configuración. Esto se conoce como difuminado.
El término color seguro para la Web o seguro para el navegador se deriva de la época en que las computadoras solo mostraban un máximo de 256 colores. 40 de estos colores se reservaron para sistemas Windows y Mac. Esto dejó solo 216 colores que se podían mostrar sin difuminar. Para ser seguro para la web, un color debe tener cantidades y combinaciones muy específicas de colores RGB, principalmente 0%, 20%, 40%, 60%, 80% o 100% o 0, 51, 102, 153, 204, 255 A web -El tono seguro de rojo puede contener, por tanto, un 100% de rojo con un 20% de verde y un azul cada uno (y no un 94% de rojo junto con un 26% de verde y un 14% de azul). La última combinación conduce a difuminado en algunos sistemas.
¿Cuándo se utilizan los colores compatibles con la Web?
Ahora que ha aprendido qué son los colores seguros para la Web, veamos si se deben usar y cuándo.
Si el diseño de su sitio web tiene un fondo sólido, puede convertirlo en un color seguro para la web. Esto garantiza una visualización uniforme en todos los sistemas y plataformas informáticas. Incluso en los sistemas informáticos más antiguos, el fondo se muestra «limpiamente» sin difuminarse. Los colores seguros para el navegador pueden resultar útiles para gráficos web con un fondo invisible o imágenes / imágenes de texto con un fondo invisible. Los colores compatibles con la Web también se han utilizado para texto generado en HTML e imágenes GIF para garantizar un mapeo de color correcto y una resolución sin errores en monitores de color intensivo.
Básicamente, el uso de colores seguros para la web garantiza que su diseño web esté dirigido a audiencias que pueden tener sistemas informáticos obsoletos. Sin embargo, en estos días es más importante observar el contraste de las imágenes, etc. que la cantidad de colores que se están utilizando, ya que la mayoría de las pantallas en estos días no tienen problemas para mostrar millones de colores.