Cómo usar códigos de color HTML
¿Quién quiere un sitio web aburrido en blanco y negro? Aprender a usar códigos de color HTML no solo hace que su sitio web se vea mejor, sino que también puede aumentar las posibilidades de que los visitantes lo usen. Los códigos de color HTML se pueden utilizar para el diseño estético y para centrar la atención del visitante en lo que desea que vea.
Paso 1
Abra un cuadro de código de colores HTML seguro para la Web y examine los colores disponibles. Si bien la mayoría de las computadoras pueden mostrar cualquier color, usar solo colores seguros para la Web es una opción más accesible. Además, hay muchos colores para elegir. Elija colores para su proyecto que coincidan con el tema y el diseño de su sitio web. Una buena regla general es elegir dos colores complementarios y un color de acento. Un neutral como el negro, el blanco, el gris o el tostado es otra buena opción.
Paso 2
Copie los códigos de color HTML de 6 caracteres para los colores que desea utilizar en su sitio web. Estos consisten en los números 0, 3, 6 y 9, y las letras C y F en varias combinaciones. Estos códigos de 6 caracteres se usarán en el código de su sitio web HTML donde quiera crear un acento colorido.
Paso 3
Elija un color para que sea el fondo de su sitio web. Para convertir el fondo de este color, use el código HTML "
" y reemplace el código de 6 caracteres con el código de color deseado. Dado que este es el color para todo el fondo del cuerpo de la página web, este fragmento de código HTML reemplaza la etiqueta normal "Paso 4
Cambie el color de cualquier texto, encabezado o enlace en la página de su sitio web al incluir códigos de color y el código HTML adecuado dentro de la página del código de su sitio web. Se puede colorear cualquier texto agregando el atributo HTML "Título
" al código de su sitio web.
Paso 5
Cambie el color de todos los encabezados de su sitio web utilizando hojas de estilo en cascada (CSS) en su lugar. Use el código "h1 {color:#336699;}" entre las etiquetas "
" y "" en el código de su sitio web. Cada vez que codifiques un "" en tu sitio web, será de ese color. CSS es el método estándar para diseñar sitios web. También hace que sea más fácil ingresar y realizar cambios si desea rediseñar. Paso 6
Cambia el color de tus fuentes, enlaces y otras cosas en CSS. Utilice el fragmento de código CSS "p {color:#336699;}" para las fuentes. El HTML de cada bloque de texto debe estar delimitado por las etiquetas "
" y "
". Los colores de los enlaces se pueden cambiar usando un "{color:#336699;}" y la etiqueta "" en el código HTML de su sitio web. Otras etiquetas HTML, como los bordes de las imágenes, las reglas horizontales y las celdas de las tablas, también se pueden cambiar mediante el fragmento de código CSS básico "{color:#336699;}".Consejo
Haga coincidir los colores con el tema de su sitio web:verde para jardinería, tonos pastel para bebés. CSS es el método preferido para agregar color a su sitio web con códigos de color HTML.
Advertencia
Elija solo tres o cuatro colores para evitar que su sitio web se vea vulgar. Tenga en cuenta que las etiquetas en los pasos anteriores están entre comillas para mayor claridad. Al insertar el código en su HTML, no use las comillas que están alrededor del exterior de las etiquetas.