0% encontró este documento útil (0 votos)
27 vistas8 páginas

Formas de Establecer Colores en CSS

Este documento describe varias formas de establecer colores en CSS, incluyendo palabras reservadas, RGB, hexadecimal y porcentajes. Se explican conceptos como mezclar colores y transparencia.
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
27 vistas8 páginas

Formas de Establecer Colores en CSS

Este documento describe varias formas de establecer colores en CSS, incluyendo palabras reservadas, RGB, hexadecimal y porcentajes. Se explican conceptos como mezclar colores y transparencia.
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Hay varias formas de establecer colores en CSS,

así que vamos a ir viendo las distintas formas


que se pueden aplicar

Varios colores tienen palabras reservadas para


poder dar color a un elemento

Insertamos una etiqueta <div> para poder


seleccionarle el color
A la clase reservada le damos un fondo
(background) blue (azul) con este valor
obtenemos el fondo seleccionado

Existe una gran variedad de colores si


buscamos una tabla de colores CSS en google
podemos encontrar varios colores que se
encuentran reservados, lo que tenemos que
tener en cuenta es que no todos los colores
tienen su palabra reservada por eso existe
otras formas de seleccionar colores que vamos
a ver más adelante
RGB representa el R = rojo, G = verde y B = azul
para ir obteniendo otros colores tenemos que ir
mezclando.

Los valores que se pone en cada color son del


0 (apagado) al 255 (máxima potencia del
color), si por ejemplo ponemos en el primer
valor el 255 y O para el verde y el azul va a
dar un rojo

Si buscamos en GOOGLE mezclar colores con luz


vamos a encontrar varios ejemplos de cómo
trabajar con RGB

Es el mismo formato que el RGB DECIMAL, pero


la diferencia que es base 16 van del 0 al 9 y
para no repetir las combinaciones se usan
letra que van de la A hasta al F. Está
compuesto por 6 símbolos formados por hasta
tres elementos de 2 símbolos. Cada uno de los
elementos de 2 símbolos expresa un valor de
color como lo vemos en el ejemplo de abajo

Usamos una simple etiqueta <div> para poder


seleccionar el color

Podemos observar cómo se componen los colores


hexadecimales, se coloca primero el # y
después van los números o letras que
representan los colores, comienza con el rojo
que este caso está apagado, sigue con el verde
que esta encendido en la máxima potencia y el
rojo que también está apagado

Obtenemos este resultado


También podemos buscar en GOOGLE estos tipos
de colores para elegir el que nos interesa
para el diseño de nuestra página

También se puede usar porcentajes en los RGB


del 0 al 100%
Es la transparencia las siglas a utilizar
serían RGBA que son red Green blue alpha (rojo
verde azul y alfa). El alfa incide en la
opacidad de cada pixel y permite que una
imagen se combine con otras utilizando la
composición alfa, con áreas transparentes y
suavizado de bordes en las regiones opacas el
valor va del 0 al 1

También podría gustarte