Cómo usar el color HSL para su HTML5 y CSS3 páginas web basadas
Se puede asignar un valor HSL donde quiera que utiliza los colores en tu página web HTML5 y CSS3. El código para HSLcolors muestra cómo el esquema HSL se puede utilizar en su página:
HSLcolors.htmlEste es un titular
Este es un párrafo
Para especificar un color mediante el esquema de HSL, haga lo siguiente:
Configure sus selectores como de costumbre.
En el CSS, configurar un selector para cada elemento que desea color.
Agregue la regla de color.
Aplicar una o ambas a cada selector.
Utilice la función de HSL.
Usando HSL seguido de paréntesis indica que desea calcular el color mediante la técnica de HSL.
Indique el matiz.
Imagina una rueda de color de rojo en la parte superior. El matiz es el ángulo (en grados) del color que usted quiere recoger. Hue debe tener un valor entre 0 y 360.
Determinar la saturación.
La saturación se mide como un porcentaje. La saturación de 0% indica una escala de grises (en algún lugar entre el blanco y negro), mientras que la saturación del 100% es un color totalmente saturado sin escala de grises. Es necesario incluir el signo de porcentaje como parte del valor de saturación.
Especifique la ligereza.
Luminosidad también se indica como un porcentaje, con 0% ser completamente negro y 100% ser completamente blanco. Un valor de luminosidad de 50% determinará un color equilibrado entre blanco y negro. Valores de luminosidad también deben incluir el signo de porcentaje.
El modelo HSL es una adición relativamente reciente a CSS, por lo que puede no funciona con los navegadores más antiguos, pero puede ser de gran ayuda. HSL hace que sea más fácil de predecir si los colores se ven bien juntos. Si mantiene dos de los HSL valores de la misma y cambiar el tercero, los dos colores es probable que encajan bien.
Sobre el autor
Cómo cambiar los colores con sustituir el color en Photoshop CS6 El comando Reemplazar color en Photoshop Creative Suite 6 ofrece efectos creativos interesantes, que le permite cambiar un juego de colores para otro. Construye una máscara, utilizando los colores que seleccione, y luego reemplaza los colores…
Modos de fusión de Photoshop cc Modos de fusión en CC Photoshop determinan cómo los píxeles de una capa interactúan con píxeles en capas inferiores y cómo interactúan con herramientas de pintura pixeles ya presentes en la capa activa y capas de abajo.Normal: Normal es el…
Recoloring fotos con herramientas de formato de Office 2011 para Mac Recoloring una foto con las herramientas de formato de Office 2011 para aplicaciones de Mac puede cambiar el estado de ánimo y, a veces añadir interés más visual que estuvo presente en la imagen original. O es posible que sólo tenga que cambiar…
Cómo mejorar los colores de imagen con IrfanView para HTML5 y CSS3 programación A veces, se puede hacer mejoras en una imagen en tu página web HTML5 y CSS3 mediante la modificación de los colores con IrfanView. El cuadro de diálogo de correcciones de color en el menú Imágenes le ofrece una amplia gama de opciones.Usted…
¿Cómo seleccionar un color de base en el diseñador de esquema de color para HTML5 y CSS3 programación El Diseñador de Esquema de color funciona al permitir que usted escoja un color principal de su página web HTML5 y luego utiliza una de una serie de planes para elegir otros colores que funcionan bien con la base de una. Para elegir el tono de…
Cómo utilizar nombres de colores para su HTML5 y CSS3 páginas web basadas El uso de nombres de colores en CSS3 parece la solución más fácil, y, para los colores básicos, que funciona muy bien. Sin embargo, aquí hay algunos problemas con nombres de colores que los hacen problemático para los desarrolladores web:Sólo…
Cómo usar el color diseñador de esquema para su HTML5 y CSS3 páginas web basadas Algunas personas tienen un gran sentido del color en el diseño de sus páginas web HTML5 y CSS3. Otros luchan un poco porque todo parece un poco subjetiva. Si usted recibe perplejo en una tienda de pinturas, puede que le resulte útil saber que…
Fundamentos del selector de color de ColorZilla para css3 El primer elemento en el menú ColorZilla para CSS3 es el Selector de color. Al seleccionar esta opción, aparecerá un cuadro de diálogo donde se puede trabajar a través de las selecciones de color en un número de maneras diferentes. En muchos…
Cómo utilizar los valores de color en css3 CSS3 soporta un número de sistemas de valores de color. El único requisito es que el navegador también es compatible con el sistema de color. Aquí están los sistemas de color que apoyan la mayoría de los navegadores:Rojo, Azul, Verde (RGB):…
Cómo cambiar los colores de su sitio web en squarespace Si usted está acostumbrado a cómo las aplicaciones de diseño permiten seleccionar los colores en una rueda de color, se sentirá como en casa con la selección de colores en el Editor de estilos de Squarespace. Pero si nunca has encontrado una…
Ajuste del tono y la saturación de imágenes en Photoshop Elements 9 El comando Tono / Saturación en Photoshop Elements le permite ajustar los colores de la imagen en función de su tonalidad, saturación y luminosidad. Matiz es el color de la imagen. Saturación es la intensidad, o riqueza, de ese color. Y ligereza…
Convertir el tono asignado hdr a blanco y negro Hay una serie de métodos para convertir, una imagen en color tono de mapeado alto rango dinámico (HDR) a blanco y negro después del proceso de HDR. Use su editor de imágenes favorito (como Photoshop Elements o Photoshop).Convertir una imagen a…