El sistema hexadecimal (HTML)

El sistema hexadecimal (HTML)
29 Jun 2017

¿Qué es el sistema hexadecimal? ¿Cómo se crean los colores en las páginas web?

Los colores en la web se expresan a través de  un código compuesto por 6 caracteres que representan la intensidad del rojo, verde y azul (RGB):

#XXXXXX

 

La máxima intensidad es F y la mínima 0, de esta forma el blanco se obtiene de la mezcla de la máxima intensidad de los tres colores #FFFFFF y el color negro es todo lo contrario, ya que es la ausencia de todo color, #000000.

A tener en cuenta:  Del 0 al 9 se representan los valores del cero al nuevo en el sistema decimal, y de la A a la F los valores del diez al quince.

Los tres colores principales son elaborados con una mezcla en la que el color deseado es el que mayor intensidad tiene:

#FF0000

#00FF00

#0000FF

 

Y para conseguir una buena combinación de colores estos son algunos consejos prácticos:

circulo_cromatico

  1. Utiliza colores de la misma gama cromática; es decir, diferentes tonos de un mismo color o
  2. Colores complementarios; aquellos situados próximos en la gama cromática o
  3. Colores opuestos: son aquellos situados justo en el lado opuesto de la gama cromática y que ayudan al contraste.

 

Os dejamos también una lista de los colores más utilizados en diseño web,

¡las combinaciones son ilimitadas!

Tabla de colores html

 Y estas son algunas paletas o combinaciones de colores recomendadas:

 

Paleta1

#d9534f

#f9f9f9

#5bc0de

#5cb85c

#428bca

 

Paleta3 #373854

#493267

#9e379f

#e86af0

#7bb3ff

 

Paleta2#ff0000

#00ff00

#0000ff

#eeeeee

#000000

 

Paleta6#ff4e50

#fc913a

#f9d62e

#eae374

#e2f4c7

 

Paleta5#e1f7d5

#ffbdbd

#c9c9ff

#ffffff

#f1cbff

 

Paleta4#666547

#fb2e01

#6fcb9f

#ffe28a

#fffeb3

 

Nota: el uso de mayúsculas o minúsculas en el sistema hexadecimal es indistinto y no tiene ningún efecto en el resultado.

Share

KZoo Music

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

0Followers
0Followers
0Subscribers