Colores

Colores RGB (Red Green Blue)

Lintenas RGB
Linternas RGB

rgb() r*g*b = (255X255X255) = 16,777,216 es el número máximo de colores

background-color:rgb(255,0,0); potencia dependiendo que linterna prendes. Las tres apagadas serían negros las tres prendidas es blanco

binaria (0-1), octal(0 a 7), decimal (0-9) hexadecimal(0-F)

background-color:#27DC41 39=27hx 220=DChx 65=41hx, se junta y se pone el hexadécimal

También se puede poner #23C significa #2233CC

También se pueden usar porcentajes para las linternas: background-color:rgb(50%,50%,50%);

Colores HSL(Hue Saturation Ligthness)

Círculo HSL
Círculo HSL

En un círculo, dependiendo los grados me ubico en el color, Saturation y Ligthness se expresan en porcentaje

Color con nombre

Color con RGB décimales

Color con hexadecimal

Color con porcentake

Color con hexádecimal pero con 3 carácteres o sea abreviado porque se repiten

Color con HSL

Transparencia RGBA, HSLA

Los últimos dos colores del HSL y el RGB se les pone una transparencia, esta se pone de 0 a 1, se le va a poner 0.6 para que se combinen con el color del body

RGB con transparencia

HSL con transparencia

Rueda del color (colores complementarios)

Círculo cromático

Adobe Color En esta liga podemos escoger la paleta de colores (Pantone) para la página

El color complementario es el opuesto en la rueda del color

Los colores análogos son los que están a un lado en la rueda del color.

Se recomienda tener los análogos y usar el complementario para elementos que queremos llama la atención

Tres colores análogos y su complementario

Con las triadas se hacen paletas de colores

Verde, alegría, frescura

Amarillo en el sol, pasividad, alegría, ganas de hacer cosas

Naranja, es como el amarillo con un toque de alarma

Purpura con la elegancia

Café como las bases

Azules y turquesas con el mar, tranquilidad, agua

Blanco es relajación, nubes, negro temas de miedo o cosas muy elegantes. Fondos blancos llaman más la atracción visual para destacar algo

Color Hunt Más paletas de Colores