Comment utiliser la couleur de HSL pour votre HTML5 et CSS3 pages Web en fonction
Vous pouvez attribuer une valeur HSL où vous utilisez des couleurs sur votre page web HTML5 et CSS3. Le code pour HSLcolors montre comment le régime de HSL peut être utilisé sur votre page:
HSLcolors.htmlCeci est un titre
Ceci est un paragraphe
Pour spécifier une couleur en utilisant le schéma de HSL, faites ceci:
Configurez vos sélecteurs comme d'habitude.
Dans le CSS, mis en place un sélecteur pour chaque élément que vous souhaitez à la couleur.
Ajouter la règle de couleur.
Appliquer une ou les deux pour chaque sélecteur.
Utilisez la fonction de HSL.
Utilisation HSL suivie par des parenthèses indique que vous souhaitez calculer la couleur en utilisant la technique de la LGV.
Indiquer la teinte.
Imaginez une roue de couleur rouge au sommet. La teinte est l'angle (en degrés) de la couleur que vous voulez prendre. Hue devrait avoir une valeur comprise entre 0 et 360.
Déterminer la saturation.
La saturation est mesurée en tant que pourcentage. La saturation de 0% indique une échelle de gris (quelque part entre noir et blanc), tandis que la saturation de 100% est une couleur totalement saturée sans niveaux de gris. Vous devez inclure le signe pour cent dans le cadre de la valeur de saturation.
Spécifiez la légèreté.
Légèreté est également indiqué en pourcentage, 0% étant complètement noir et 100% étant complètement blanc. Une valeur de luminosité de 50% permettra de déterminer une couleur équilibrée entre blanc et noir. Valeurs de luminosité devraient également inclure le signe pour cent.
Le modèle HSL est un ajout relativement récent au CSS, il peut ne pas fonctionner avec les anciens navigateurs, mais il peut être extrêmement utile. LGV rend plus facile de prédire si les couleurs vont bien ensemble. Si vous continuez à deux de la LGV les mêmes valeurs et de modifier le troisième, les deux couleurs sont susceptibles de correspondre très bien ensemble.
A propos Auteur
Comment changer de couleur avec remplacer la couleur dans Photoshop CS6 La commande Remplacement de couleur dans Photoshop Creative Suite 6 offre des effets créatifs intéressants en vous permettant de passer d'un jeu de couleurs pour un autre. Il construit un masque, utilisant des couleurs que vous sélectionnez, puis…
Comment améliorer les couleurs d'image avec IrfanView pour HTML5 et CSS3 programmation Parfois, vous pouvez apporter des améliorations à une image sur votre page web HTML5 et CSS3 en modifiant les couleurs avec IrfanView. La boîte de dialogue des corrections de couleur dans le menu Images vous donne un large éventail…
Comment choisir une teinte de base sur le concepteur de schéma de couleurs pour HTML5 et CSS3 programmation Le designer Color Scheme fonctionne en vous permettant de choisir une seule teinte principale de votre page web HTML5 et utilise ensuite l'un d'un certain nombre de programmes pour la cueillette d'autres teintes qui fonctionnent bien avec la base…
Comment utiliser des noms de couleurs pour votre HTML5 et CSS3 pages Web en fonction L'utilisation de noms de couleurs en CSS3 semble que la solution la plus simple, et, pour les couleurs de base, ils fonctionnent très bien. Cependant, voici quelques problèmes avec les noms de couleurs qui les rendent problématique pour les…
Comment utiliser la couleur concepteur de système pour votre HTML5 et CSS3 pages Web en fonction Certaines personnes ont un grand sens de la couleur lors de la conception de leurs pages web HTML5 et CSS3. D'autres luttent un peu parce que tout cela semble un peu subjective. Si vous obtenez perplexe dans un magasin de peinture, vous trouverez…
Notions de base de la palette de couleurs de ColorZilla pour CSS3 Le premier élément du menu ColorZilla pour CSS3 est le sélecteur de couleurs. Lorsque vous sélectionnez cette option, vous voyez une boîte de dialogue dans laquelle vous pouvez travailler dans les sélections de couleurs en un certain nombre de…
Comment utiliser des valeurs de couleur dans CSS3 CSS3 prend en charge un certain nombre de systèmes de valeur de couleur. La seule exigence est que le navigateur supporte également le système de couleur. Voici les systèmes de couleurs que la plupart des navigateurs prennent en charge:Rouge…
Améliorer la couleur dans votre image ou macro close-up La couleur joue un rôle important dans la photographie macro et close-up, que ce soit pour décrire un petit objet pour ce qu'il ressemble vraiment (comme dans la petite photographie de produit) ou pour créer une certaine ambiance dans une image…
Réglage de la teinte et la saturation des images dans Photoshop Elements 9 La commande Teinte / Saturation dans Photoshop Elements vous permet de régler les couleurs de votre image en fonction de leur teinte, la saturation et la luminosité. Teinte est la couleur dans votre image. Saturation est l'intensité, ou de…
Convertir des images RVB en niveaux de gris dans Photoshop Elements 10 Vous ne le faites pas avoir à renoncer à vos données de couleur lors de la conversion des images en niveaux de gris. Utilisation de la commande de menu Image-Mode-Niveaux de gris supprime toute la couleur des pixels. Comme une alternative pour…
Autre ton mappé hdr en noir et blanc Il ya un certain nombre de méthodes pour convertir une couleur, ton de l'image cartographiée High Dynamic Range (HDR) en noir et blanc après le processus HDR. Utilisez votre éditeur d'images favori (comme Photoshop Elements ou…
Comment convertir des images en niveaux de gris dans Photoshop Elements 9 Dans Photoshop Elements, vous pouvez convertir une image RVB en niveaux de gris, ce qui ressemble à une photo en noir et blanc. Images en niveaux de gris ont pixels noirs et blancs et l'une des 256 niveaux de gris. Vous ne le faites pas avoir à…
Hue commande / saturation dans photoshop elements 10 La commande / Saturation Nuance vous permet d'ajuster les couleurs de votre image en fonction de leur teinte, la saturation et la luminosité. Teinte est la couleur dans votre image. Saturation est l'intensité, ou de richesse, de cette couleur. Et…
Couleurs de commutateur avec la commande Remplacer des couleurs La commande Remplacement de couleur dans Photoshop Elements 10 vous permet de remplacer les couleurs désignées dans votre image avec d'autres couleurs. Vous choisissez d'abord les couleurs que vous souhaitez remplacer par la création d'un…