El color azul, está ampliamente asociado a la naturaleza. Suele hablarse del bello cielo azul como también del bello mar azul, inspirando canciones y poemas.
Igual que los otros colores, esta circunstancia impregna la vida humana, porque si hay algo íntimamente asociado a la vida es la preponderancia del color, considerando su principal papel en la percepción visual que es la que domina en la definición de la realidad.
Por lo antes decho, es importante tener en cuenta que cuando se habla de colores, se les asocia a sensaciones. Y, esa tendencia se mantiene en la elección de colores en las publicaciones de páginas web.
Hay sitios que son puntos selectos de turismo, por un marketing que realza el azul cristalino de sus playas, vendiendo la idea de un ecosistema limpio; o se favorecen sitios por la publicidad centrada en un panorama que expone fotografías de un cielo despejado por una naturaleza virgen.
Estas consideraciones son importantes al momento de profundizar en el estudio de los colores, porque no basta con conocer sus códigos, sino el uso que se le pueda atribuir según el uso que se le asigne,sea publicidad o simplemente colorear un título.
Respecto a la consideración del azul y su aplicación en oficinas, está establecido lo siguiente:
En toda su gama, el azul ayuda a crear ambientes relajados y aporta agilidad y estabilidad. Es perfecto para pintar paredes enteras y combinarlo con el blanco. Es el color ideal para las salas de espera o para lugares donde el trabajo puede generar estrés. Es uno de los colores para la oficina más utilizado.
Fuente: https://lambdatres.com/2019/01/cuales-son-los-colores-ideales-para-la-oficina/
Esta publicación contiene el código HTML en sus usos para configurar un elemento en color azul. Pueden darse variadas aplicaciones, como son tener un texto azul, un fondo azul o un borde azul alrededor de un elemento.
Texto azul
En este ejemplo se utilizan estilos en línea para establecer el color del texto en azul (es decir, utilizo el atributo style en el elemento HTML
En este caso, aplico los estilos contra una etiqueta <div>, pero podría haberlos aplicado fácilmente contra una etiqueta <div> (para todo el texto dentro de ese elemento) o incluso una etiqueta <body> (para todo el texto de la página).
| Código fuente | Resultado |
|---|---|
|
Texto azul |
Aquí está lo mismo, pero esta vez usando estilos incrustados..
| Código fuente | Resultado |
|---|---|
|
Texto azul |
También puede colocar el código CSS en una hoja de estilos externa..
Color de fondo azul
Puede establecer el color de fondo de un elemento en azul mediante la propiedad CSS o la propiedad abreviada.
En este ejemplo, se ha colocado texto dentro de una etiqueta <div>, asignando color blanco al texto en un fondo azul.
| Código fuente | Resultado |
|---|---|
|
Texto blanco, fondo azul.
|
No obstante, puedes hallar mayor detalle en el siguiente link.
Color del borde azul
En este ejemplo, he agregado un borde azul alrededor de un elemento <div>.>
| Código fuente | Resultado |
|---|---|
|
Acá un borde azul.
|
Badges en azul
En este ejemplo, he asignado un color azul a un badge o insignia.
| Código fuente | Resultado |
|---|---|
| Tengo un badge azul |
Es importante recordar que para el badge azul, se requiere aplicar el CSS respectivo, que es:
No obstante, puedes hallar mayor detalle en el siguiente link.
Códigos de color azul
Los ejemplos anteriores se utilizan como valor de color. Podría usar fácilmente los valores de color hexadecimales o RGB y el resultado habría sido el mismo.blue
Estos son los diversos métodos para especificar el color azul en HTML..
| Código fuente | Resultado |
|---|---|
|
Texto azul Texto azul (hexadecimal #0000ff) Texto azul(hexadecimal shorthand #00f) Texto azul (RGB value rgb(0,0,255)) |
Tonos de azul
Aquí hay algunos tonos diferentes de azules y cianes que se pueden usar en lugar de simplemente "azul" viejo..
Nota: El color azul es exponente de todo lo que representa inmensidad: el cielo, el mar.
