viernes, 31 de diciembre de 2021

💻 El uso del color blanco en páginas web

BLANCO

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

FUENTE.

https://www.html.am/html-codes/color/html-white-code.cfm