Mostrando entradas con la etiqueta Colores RGB. Mostrar todas las entradas
Mostrando entradas con la etiqueta Colores RGB. Mostrar todas las entradas

Colores CSS RGB Decimal y RGB Porcentual

El modelo de colores RGB es un modelo donde se especifica la cantidad de Rojo (red), verdr (green( y azul (Blue) que tendra.
En CSS cuando se quiere especificar un color RGB en Hexadecimal se puede ver en el POST anterior pero si queremos el RGB decimal debemos anteponerle la palabra "rgb"

Por ejemplo:

h1 { color: rgb(71, 98, 176); }

RGB Porcentual

El formato es similar solo que se indica el porcentaje de cada color

Por ejemplo
h1 { color: rgb(27%, 38%, 69%); }

Al igual que sucede con el RGB decimal, si se indica un valor inferior a 0%, se transforma automáticamente en 0% y si se indica un valor superior a 100%, se trunca su valor a 100%.

Colores RGB Hexadecimal

3) Colores CSS Hexadecimal RGB

Es la forma mas comunmente usado. Se define con numeral (#) y los tres valores de RGB (Red Green Blue) en formato Hexadecimal
El negro es #000000 y blanco es #FFFFFF

El formato RGB permite comprimir. Por ejemplo el color lime #00FF00 se puede escribir #0F0
El color HTML (Tutorial de www.programacionweb.net)

Un color se suele definir con un número de 6 cifras precedidas por almoadilla (#), donde los grupos de 2 cifras son cada uno la intensidad del Rojo, Verde y Azul de 0 a 255 en hexadecimal (0-FF), utilizando el llamado modelo RGB 24 bits.

De esta manera, si tenemos #00FF00, obtendremos color verde, ya que contiene 00 de rojo, FF (255) de verde y 00 de azul.

Sabiendo esto y un poco de Formateo Básico, podríamos codificar un texto de color rojo en HTML de la siguiente manera:
000
Texto de color rojo

Para adaptarse a las pantallas que solo disponen 256 colores se recomienda utilizar los colores llamados web-safe que se obtienen usando combinaciones de 00, 33, 66, 99, CC y FF.


Vamos a ver los codigos HTML de alguno de estos colores web-safe:

#000000 #009900 #00FF00 #000099 #0000FF #009999 #00FFFF
#990000 #999900 #99FF00 #990099 #9900FF #999999 #99FFFF
#FF0000 #FF9900 #FFFF00 #FF0099 #FF00FF #FF9999 #FFFFFF


Es posible que muchos de vosotros esteis acostumbrados a usar otro tipo de formato de color, por ejemplo red en lugar de #FF0000, pero sin embargo es bueno acostumbrarse a esta nomenclatura, nos evita tener que aprender los nombres de los colores y nos permite crear cualquier color que deseemos.
Fuente: http://www.programacionweb.net/articulos/articulo/?num=169