Ejemplo de gradiente con HSL

http://www.useragentman.com/blog/2010/08/28/coding-colors-easily-using-css3-hsl-notation/

 -sand-gradient(linear, center top, center bottom, from(hsla(60, 100%, 50%, 0.8)), to(hsla(255, 100%, 50%, 0.2)));

Generador color (fondo, borde, gradinete,transformacion, transición,sobra para cuadro y texto, fuentes)

http://www.css3maker.com/css-3-rgba.html

................................................................................................................................

 box-shadow: 3px 3px 10px # ;  -- tener codigo de sombra sin visibilidad.

box-shadow: 0 0 9px rgba(0, 0, 0, .9) 2px 5px 9px;-- sombra externa . Color en RGB con opacidad. y tamaño.

box-shadow: #000000 0px 0px 5px inset; ----- sombra interna. Color en HEX.

box-shadow: 0 0 9px rgba(0, 0, 0, .9),inset rgba(0,0,0,.6) 2px 5px 9px; -- sombra externa y interna.

................................................................................................................................

opacity: 0.5; - opacidad de imagen, escala 0-1.

................................................................................................................................

HTML   puede tener  < .............. </.....>

CSSS   tiene -     }

}

................................................................................................................................

font-size: 18px; - tamaño del texto en pixeles

 line-height: 150%;  - distancia entre lineas en %

font-family:  Sail; - nombre de fuente

................................................................................................................................

   Tipos de códigos para colores, cambio. Armonía entre color, forma, contenido.  

1. HEX

• Nombre en ingles: red, bleu
• HEX: #AEE0FF;

2. RGB:

• RGB:  0, 0, 255,  
• HSV: 0%,0%,100%
• RGBA,

           background-color: rgba(215, 40, 40, 0.9); - con opacidad 

           background: rgba(215, 40, 40, 0.9); - con opacidad 

            color: rgba(215, 40, 40, 0.9); - con opacidad 

3. HSL, HSLA

     hsl(0, 50%, 50%)

4. 

•  Valores H  S  L
• Valores H  S  V
• Generadores de imagen con varios tipos

Color en  HEX, RGB

    https://color.adobe.com/es/create/color-wheel/?base=2&rule=Analogous&selected=2&name=Mi%20tema%20de%20Color&mode=rgb&rgbvalues=0.6342282154002137,0.6648160426551702,1,0.5771476760141945,0.6925753156546626,0.91,0.6842282154002136,0.8768304466472726,1,0.5771476760141945,0.8677607493313505,0.91,0.6342282154002137,1,0.9463995942011251&swatchOrder=0,1,2,3,4

Color con 3  tipos. Compatibilidad y gama

https://developer.mozilla.org/es/docs/Web/CSS/CSS_Colors/Color_picker_tool

 Generadores   color   HEX, RGB, HSL

1. Mas amplio (nombre, HEX, RGB, HSL) con encaje de colores 

http://www.cssportal.com/css-color-converter/

2. Otro amplio

      http://rgb.to/

3.  http://serennu.com/colour/hsltorgb.php

4.  Compatibilidad, gradiente

http://www.colorhexa.com/7a73eb

5. Formato HEX, RGB, HSL  con opacidad. Compatibilidad de colores (ligeros, intensos).

6. http://www.hexcolortool.com/#c149a3,0.8

7. http://coloreminder.com/f5f5f5

8.   Compatibilidad  6 colores  http://htmlcolorcodes.com/es/

 Color de imagen  en HEX, RGB

1. http://imagecolorpicker.com/

     HTML code:#59607

    ARGB code:R: 89 G: 96 B: 122

    HSV:227.27° 27.05% 47.84%

2. http://www.colorcodepicker.com/