Programacion y Diseño Web

Hemos migrado nuestro sitio web espera y en seguida te llevaremos al Nuevo Sitio!

SCRIPT BC

Si no te direcciona en 5 seg da clic aquí

martes, 9 de julio de 2013

Los Colores - Lección 4


¿Qué podemos hacer con CSS3?

Parte 1

Colores

Desde luego que una página web hace mucho mas que cambiar los colores, pero bueno por algún lado debemos empezar, y bien, trataremos de ir haciéndolo poco a poco.

COLORES HEXADECIMAL


En cuanto los colores de una página web, podemos aplicarlos simplemente con su nombre en ingles.

  • Vean en esta imagen donde se muestran tres cosas, donde de izquierda a derecha esta la vista del navegador, luego el código html y finalmente los estilos CSS.
  • Veamos primero la vista del navegador, que nos muestra el título y dos lineas de texto, una de color rojo y otra de color azul
  • Después veamos el código HTML, donde vemos la estructura básica el link a nuestra hoja de estilos y dentro del bódy las secciones correspondientes al título entre las etiquetas <h2>, al párrafo entre las etiquetas <p>  y el texto entre las etiquetas <span>
  • Finalmente la parte de la derecha nos muestra la hoja de estilos, donde colocamos el color rojo a las etiquetas <p> y el color azul a la etiqueta <span>
Como puede ver esta forma de aplicar estilos es muy sencilla, sin embargo los colores se limitan a los matices predefinidos por su nombre en ingles, por lo tanto en la práctica necesitamos algo que nos permita muchas mas gamas de un mismo azul o rojo, es por esto que existen los colores en formato hexadecimal.

Los colores hexadecimales se derivan de los colores de RGB a notación numérica en base 16, no nos detendremos a especificar este procedimiento, ya que en la practica a lo único que nos tenemos que limitar, es a consultar una tabla de los colores hexadecimales y aplicarlos a nuestro gusto en los estilos de nuestro sitio web.


Introduzca su código de color:


COLORES RGB y modo HSV

El RGB  se refiere a los colores Rojo, Verde y Azul que nos permiten realizar infinidad de combinaciones para crear la gran variedad de colores que existen, y  ademas de la opción de transparencia con el uso del modelo HSV que  nos permita generar contrastes muy fácilmente.

Con esta aplicación usted podrá experimentar una gama increíblemente rica en diversidad de colores para implementarlos en su sitio web, solo basta añadirle un toque de creatividad para colocar el color correcto en el lugar correcto y crear un aspecto profesional y de buen gusto a nuestro sitio.

Por el momento, por mi parte es todo.
Recuerden Compartir y Darle 

Hasta la Próxima

No hay comentarios:

Publicar un comentario

Con la tecnología de Blogger.