Como sale el codigo de colores para web?
Bien, en otras palabras es codigo para los colores web o codigo hexadecimal, es decir esa serie de numeros y letras que tecleamos cuendo creamos algo para la web.
Los colores web son exactamente lo mismo que el color en RGB. La única diferencia radica en la forma de referirnos a ellos para que los navegadores sepan interpretarlos.
Los colores web se definen por tres pares de dígitos. Cada par identifica un color básico: el primer par es el rojo, el siguiente par es el verde, y el último es el azul.
Igual que sucede con la paleta RGB, el color en web es aditivo. Eso quiere decir que el valor 0 (cero) para todos los colores da como resultado el negro, mientras que el valor más alto para los tres colores, 255, da como resultado el blanco. Todo lo contrario que en la cuatricromía.
Entonces ¿por qué el blanco es FFFFFF y no 255-255-255? lo cierto es que si es 255-255-255, sólo que expresado en hexadecimal.
Cada dígito del par identifica un valor del 0 al 15. Como sólo tenemos un caracter para expresar ese rango de valores, a partir del 9 los demás valores se representan con una letra. De ese modo:
- De 0 a 9, sus propios valores.
- “A” vale 10
- “B” vale 11
- “C” vale 12
- “D” vale 13
- “E” vale 14
- “F” vale 15
Por tanto, “02″ vale 2 y “0A” vale 10 ¿pero como funciona el primer dígito del par? El primer dígito del par tiene exactamente los mismos valores, pero expresa múltiplos de 16. La suma de los valores de ambos dígitos nos proporciona todos los valores, del 0 al 255.
- “10″ en código de color para web equivale a 16 en decimal. (16×1)+0=16
- “11″ en código de color para web equivale a 17 en decimal. (16×1)+1=17
- “34″ en código de color para web equivale a 52 en decimal. (16×3)+4=52
- El valor 172 en RGB equivaldría a “AC” en web: “A” en el primer dígito vale 160 (16×10) y “C” en el segundo vale 12; 160+12=172.
- El blanco, “FFFFFF”, es “FF” para todos los colores. O sea 16×15 en el primer dígito = 240, más 15 en el segundo dígito. 140+15=255, el valor más alto en RGB.
Yep, cada pixel esta compuesto por 3 sub-pixeles (en caso del alpha channel un cuarto canal)
Cada canal de color por lo regular se almacena en 8 bits u ocho ceros y unos, por lo que el color negro sería 0,0,0 y el blanco sería 255,255,255 representado en el sistema decimal, sin embargo en el sistema hexadecimal se representaría el negro como #000000 y el blanco como #FFFFFF siendo 0 = a 0 en decimal y FF = a 255 (f = 16, ff = 16 * 16)
Dato extra, las imagenes full color de 3 canales, RGB en 8 bits tienen un total de 24 bits (3 * 8 = 24) mientras que las imagenes con alpha channel tienen 32 (RGB = 3 canales, RGBA = 4 canales, 4*8=32)
Si utilizas imagenes de 16 bits en tu programa de edición fotográfica puedes tener mayor control de tonalidades, pero tus archivos aumentaran de tamaño, algunos expertos recomiendan que solo subas a 16 bits mientras haces ajustes de color o tonalidad y que luego regreses a los 8 bits.
Gracias por el dato Rodrigo, aunque si es un poco complicado entender el porque, si tan facil que es utilizar el picker de photoshop, pero siempre es bueno saber el porque de algunas cosas…