domingo, 5 de septiembre de 2010

Sistema RBG hexadecimal

En esta entrada publicaré acerca del sistema RGB (Red Green Blue) hexadecimal el cual es el metodo que mas se utiliza para indicar colores en un sitio web.



Como su nombre lo dice, este sistema utiliza los numeros base 16, o sea, hexadecimal esto quiere decir que, es un sistema alfanumerico ya que se utilizan: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.

Entonces, este sistema lo que hace es recoger 2 digitos hexadecimales para cada intensidad de colores primarios Red Green Blue esto quiere decir entre 00 y FF entonces entre el valor mas alto, son mas claros los colores.

por ejemplo:

Red = 00 Green = 00 Blue = 00 esta a lo mas minimo entonces el color que obtendremos es el negro

Red = FF Green = FF Blue = FF  esta en lo maximo entonces el color que obtendremos es el blanco

Red = FF Green = 00 Blue = 00 esta en lo maximo solamente en red por lo tanto es rojo

Red = 00 Green = FF Blue = 00 esta en lo maximo solamente en green por lo tanto es verde

Red = 00 Green = 00 Blue = FF esta en lo maximo solamente en blue por lo tanto es azul.

Red = FF Green = FF Blue =00 rojo y verde es amarillo.

Red = 00 Green = FF Blue = FF  azul y verde es cyan

Red = FF Green = 00 Blue = FF rojo y azul es magneta


Entonces, cuando los declaramos en un archivo html con css, podemos utilizarlo algo asi.

body {
background-color: #000000; 
}
 
h1 { 
color #FFFFFF;
 


Pero en el ejemplo anterior, css nos permite comprimir los valores si por ejemplo tenemos sus componentes iguales de dos en dos. esto es
#000 o #FFF.

Se pueden escribir con mayusculas o minusculas, pero es preferible escribirlos en mayusculas para tener una mejor presentación al entregar el codigo.

Cabe recalcar que no es la unica forma de declarar los colores en css, existen cinco formas: por clave, color del sistema, el RGB numerico, porcentual y hexadecimal.

Si quieren saber un poco mas les dejo este link.

Tambien les dejo una pagina con la tabla de colores en hexadecimal.

Espero que mi explicación les sirva, si tienen algún comentario acerca de esta entrada, espero me digan ya que estoy abierto a cualquier error.


1 comentario:

  1. Magenta, no magneta :P Te pongo cuatro puntos extra para la clase por esta entrada.

    ResponderEliminar