CATALOGUE Code & Data Formation XHTML/CSS Maîtrisez le préprocesseur CSS : SASS Manipulation des Couleurs avec SASS et Compass

Manipulation des Couleurs avec SASS et Compass

Outils graphiques
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtrisez le préprocesseur CSS : SASS
Revoir le teaser Je m'abonne
5,0
Transcription
34,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
5,0
34,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à la Boîte à Outils Graphiques

Objectifs

Vous serez en mesure d'exploiter les fonctions de manipulation des couleurs offertes par SASS et Compass pour créer des styles CSS adaptés aux besoins de vos clients.

Résumé

Découvrez comment utiliser SASS et Compass pour manipuler les couleurs dans vos feuilles de style CSS en toute simplicité.

Description

Ce tutoriel détaillé vous explique comment tirer parti des fonctionnalités de SASS et Compass pour travailler les couleurs de manière dynamique dans vos projets web. Vous apprendrez à:


  • Créer et utiliser des variables pour les couleurs.
  • Saturer ou désaturer des couleurs avec les fonctions saturate et desaturate.
  • Éclaircir ou assombrir des couleurs à l'aide des fonctions lighten et darken.
  • Ajuster la teinte d'une couleur avec la fonction adjust-hue.
  • Déterminer les couleurs complémentaires et inverses à l'aide des fonctions complement et invert.
  • Modifier l'opacité des couleurs grâce aux fonctions transparentize et opacify.
  • Convertir des couleurs en niveaux de gris avec la fonction grayscale.
Voir plus

Questions fréquentes

Quelle est l'utilité de la fonction adjust-hue en SASS?
La fonction adjust-hue permet d'ajuster la teinte d'une couleur en fonction de la roue chromatique, facilitant l'obtention de nuances de couleurs complémentaires ou contrastées.
Comment peut-on rendre une couleur plus transparente avec SASS?
On peut rendre une couleur plus transparente en utilisant la fonction transparentize et en spécifiant la quantité de transparence souhaitée.
Pourquoi est-il avantageux d'utiliser des variables pour les couleurs dans SASS?
Utiliser des variables pour les couleurs permet de gérer et de mettre à jour les couleurs de manière centralisée, simplifiant ainsi la maintenance et les modifications futures des styles CSS.
1 commentaire
5,0
1 vote
5
4
3
2
1
hugo.barnas
Il y a 4 ans
Claire et complet.