El mundo digital es un lugar colorido. Hay millones de colores disponibles a disposición de un sitio web o diseñador gráfico. Esta gran cantidad de opciones disponibles puede terminar confundiendo a un artista novato. A menudo, uno puede terminar sin pensar mucho en elegir los códigos de color correctos o elegir colores en función de una elección personal.
Sin embargo, elegir los códigos de color correctos es tanto una ciencia como un arte. Científica y técnicamente hablando, puede elegir los colores correctos con precisión matemática, siempre que conozca la ciencia detrás de los códigos. Del mismo modo, también se debe ser artístico en esta elección, ya que no elegir los tonos correctos puede dar como resultado un sitio web o un gráfico llamativo, duro para los ojos y difícil de leer.
Siga leyendo si desea obtener más información sobre los códigos de color y asegúrese de consultar la tabla de colores más adelante en esta publicación.
Comprender los códigos de color hexadecimales/HTML
El hecho de que haya más de 16 millones de códigos de color para elegir se deriva en realidad de las 256 configuraciones posibles de los tres colores primarios rojo, verde y azul (comúnmente conocidos como RGB). Estos son los tres colores principales de los que se pueden derivar otros colores. La cifra de 16,7 millones se obtiene mediante el cubo matemático de 256 (256x256x256).
El código hexadecimal es el sistema de numeración de base 16 utilizado por las computadoras. Para especificar un código de color particular en código hexadecimal, debe mezclar rojo, verde y azul (siempre en este orden) consultando la tabla de gráficos de códigos de color. En el gráfico, cada código se divide en 3 conjuntos de 2 dígitos cada uno: rr, gg y bb son los pares de dos dígitos que controlan los tres tonos primarios. Cada uno de rr, gg y bb puede tener valores de ninguno (00) al máximo (ff).
Entonces, 100% rojo se denota por ff ya que es el sistema de base 10 y también porque los números hexadecimales son 0-9 y af. Así, un ejemplo de un color html rojo será #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 (rojo total sin verde ni azul)
- #00ff00 Verde (verde total sin rojo ni azul)
- #0000ff Azul (azul total sin verde ni rojo)
Tonos de colores
Ahora que sabe qué son los códigos de color, es posible que esté buscando inspiración para sus diseños. Estas listas con tonos de colores te ayudarán. Incluyen nombres de colores, códigos hexadecimales, RGB y CMYK:
- colores rojos
- colores naranja
- Colores amarillos
- colores verdes
- colores azules
- Colores morados
- colores rosas
- colores marrones
- colores negros
- colores grises
- Colores blancos
Catálogo de colores
Aquí hay una tabla general de diferentes colores y sus códigos Hex/HTML, RGB y CMYK. Haga clic en la imagen para abrirla en alta resolución y ampliarla.
Colores seguros para la Web
Echemos un vistazo a qué son los colores seguros para la web. Los códigos de color seguros para la web o para el navegador son los 216 colores que aparecen sólidos, sin interpolaciones y consistentes en cualquier monitor. Para comprender el término tramado, configure el monitor de su computadora para mostrar solo 256 o 16 colores. Ahora notará una pantalla de puntos cuando navegue por la red usando esta configuración. Esto se conoce como tramado.
El término color seguro para la web o para el navegador se deriva de la época en que las computadoras solo mostraban un máximo de 256 colores. De estos, 40 colores estaban reservados para sistemas Windows y Mac. Por lo tanto, solo quedaban 216 colores que podían mostrarse sin tramado. Para ser web seguro, 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 Por lo tanto, un tono de color rojo seguro para la Web puede tener un 100 % de rojo con un 20 % de verde y azul (y no un 94 % de rojo junto con un 26 % de verde y un 14 % de azul). La última combinación producirá tramado en algunos sistemas.
Cuándo usar colores seguros para la web
Ahora que ha aprendido qué son los colores seguros para la web, veamos si debería usarlos 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 garantizará una visualización uniforme en todos los sistemas y plataformas informáticas. Incluso en los sistemas informáticos más antiguos, el fondo se mostrará limpio y sin interpolaciones. En el caso de gráficos web que tengan un fondo invisible, o imágenes/imágenes de texto con un fondo invisible, los colores seguros del navegador podrían resultar útiles. Los colores seguros para la Web también se han utilizado para texto generado en HTML e imágenes GIF para garantizar un mapeo de color correcto y que no se rompa en monitores con problemas de color.
Básicamente, el uso de colores seguros para la web garantiza que su diseño web esté destinado a audiencias que pueden tener sistemas informáticos anticuados. Hoy en día, sin embargo, observar el contraste de las imágenes, etc., es más importante que la cantidad de colores que se usan en realidad, porque la mayoría de las pantallas actuales no tienen problemas para mostrar millones de colores.
¿Qué es la codificación de colores y el gráfico?
Los siguientes dos gráficos de códigos de colores se pueden utilizar como referencia al aplicar colores a un documento HTML. En HTML, puede especificar el color usando su valor RGB (usando notación hexadecimal o RGB), o por su nombre de color. Los valores en las tablas de códigos de colores a continuación se pueden usar dentro de su código HTML.
¿Cuáles son los códigos para los colores?
Principales códigos de color hexadecimales
| Nombre del color | Codigo de color |
|---|---|
| Rojo | #FF0000 |
| cian | #00FFFF |
| Azul | #0000FF |
| Azul oscuro | #00008B |
6 filas más•
¿Cuál es el código de 6 dígitos para los colores?
Triplete hexadecimal. Un triplete hexadecimal es un número hexadecimal de seis dígitos y tres bytes que se utiliza en HTML, CSS, SVG y otras aplicaciones informáticas para representar colores. Los bytes representan los componentes rojo, verde y azul del color.
¿Qué son los códigos de color en HTML?
#0000FF: este código de color HTML muestra solo azul y no rojo ni verde. #FFFF00: este código de color HTML es una mezcla de colores rojo y verde definidos como amarillo.
HTML.
| NOMBRE DEL COLOR | CÓDIGO HEXAGONAL DE COLORES | CÓDIGO DE COLOR RGB |
|---|---|---|
| LIMA | #00FF00 | RGB(0, 255, 0) |
| AGUA | #00FFFF | RGB(0, 255, 255) |
| VERDE | #008080 | RGB(0, 128, 128) |
| ARMADA | #000080 | RGB(0, 0, 128) |
11 filas más•