El color blanco tiene asociado un significado muy especial, pues está vinculado a la pureza.
De hecho, es por esa razón que las novias cumplen su máximo sueño cuando lucen un hermoso traje nupcial blanco.
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.
Respecto a la consideración del blanco y su aplicación en oficinas, está establecido lo siguiente:
Este es el color por excelencia para cualquier espacio de trabajo o vivienda. Nunca pasa de moda y aporta luminosidad. El blanco es la apuesta segura ante la duda, y es uno de los colores para la oficina perfecto si se trata de un espacio pequeño..
Fuente: https://lambdatres.com/2019/01/cuales-son-los-colores-ideales-para-la-oficina/
Esta página contiene código HTML para colorear un elemento de blanco. Puede utilizar estos códigos HTML para establecer el color del texto, el color de fondo o el color del borde en blanco.
Texto blanco
Una forma de establecer el color del texto en blanco es mediante el uso de estilos en línea. En el siguiente ejemplo, uso la etiqueta HTML <p>
junto con el atributo <style.>
También puede aplicar los estilos contra una etiqueta <div>
(para todo el texto dentro de ese elemento) o incluso la etiqueta <body>
(para todo el texto de la página).
Tenga en cuenta que la mayoría de los navegadores muestran un color de fondo de blanco. Por lo tanto, para mostrar texto blanco, deberá cambiar el color de fondo a un color que contraste lo suficiente con el texto blanco, que el texto sea legible. En este ejemplo, establecí el color de fondo en negro y el color del texto en blanco.
Código Fuente | Resultado |
---|---|
Texto blanco |
Aquí está lo mismo, pero esta vez usando estilos incrustados (embedded styles)
Código Fuente | Resultado |
---|---|
Texto blanco |
También puede colocar el código CSS en una hoja de estilos externa..
Color de borde blanco
Puede crear un borde blanco alrededor de un elemento, sin embargo, el elemento deberá estar contenido dentro de otro elemento con un fondo no blanco (de lo contrario, tendrá blanco sobre blanco, ilegible para el ojo humano).
En este ejemplo, he anidado un elemento <div>
dentro de otro. El exterior <div>
tiene un color de fondo de purple. El interior <div>
tiene un borde de 3 píxeles con un color blanco y un color de fondo de rojo
Código Fuente | Resultado |
---|---|
Acá un borde blanco.
|
Códigos de color blanco
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 blanco (white)
Estos son los diversos métodos para especificar el color blanco en HTML.
Código Fuente | Resultado |
---|---|
Texto blanco Texto blanco (hexadecimal #ffffff) Texto blanco (hexadecimal shorthand #fff) Texto blanco (RGB value rgb(255,255,255)) |
Tonos de blanco
Aquí hay algunos tonos diferentes de blancos y colores "blanquecinos" que se pueden usar en lugar de simplemente "blanco" viejo.
nombre del color | Código Hexadecimal RGB | Código Decimal RGB |
---|---|---|
White | FFFFFF | 255,255,255 |
Snow | FFFAFA | 255,250,250 |
Honeydew | F0FFF0 | 240,255,240 |
MintCream | F5FFFA | 245,255,250 |
Azure | F0FFFF | 240,255,255 |
AliceBlue | F0F8FF | 240,248,255 |
GhostWhite | F8F8FF | 248,248,255 |
WhiteSmoke | F5F5F5 | 245,245,245 |
Seashell | FFF5EE | 255,245,238 |
Beige | F5F5DC | 245,245,220 |
OldLace | FDF5E6 | 253,245,230 |
FloralWhite | FFFAF0 | 255,250,240 |
Ivory | FFFFF0 | 255,255,240 |
AntiqueWhite | FAEBD7 | 250,235,215 |
Linen | FAF0E6 | 250,240,230 |
LavenderBlush | FFF0F5 | 255,240,245 |
MistyRose | FFE4E1 | 255,228,225 |