Maîtriser la couleur avec le modèle HSV

Introduction

Bien que le RVB soit idéal pour les écrans, ce n'est pas toujours la façon la plus intuitive pour les humains de penser à la couleur. Si vous voulez un "bleu plus clair" ou un "rouge plus vif", ajuster les valeurs RVB peut être délicat. Entrez dans le modèle de couleur HSV.

Qu'est-ce que HSV ?

HSV signifie Hue (Teinte), Saturation et Value (Valeur) (parfois appelé Luminosité ou HSB). Il est conçu pour s'aligner plus étroitement avec la façon dont les humains perçoivent la couleur.

Au lieu de mélanger trois lumières colorées, HSV décrit la couleur à l'aide de coordonnées cylindriques :

• Teinte (Hue) : La couleur elle-même (Rouge, Bleu, Vert, etc.).
• Saturation : L'intensité ou la pureté de la couleur.
• Valeur (Value) : La luminosité de la couleur.

Les Composants

Teinte (H)

La teinte est mesurée en degrés, de 0° à 360°, autour d'une roue chromatique.

• 0°: Rouge
• 120°: Vert
• 240°: Bleu

Changer la teinte change la "catégorie" de couleur de base sans affecter la luminosité ou l'intensité.

Saturation (S)

La saturation est un pourcentage de 0% à 100%.

• 0%: Niveaux de gris (pas de couleur, juste noir/blanc/gris).
• 100%: Couleur théorique la plus intense.

Une saturation plus faible rend la couleur "délavée" ou grisâtre.

Valeur (V)

La valeur est également un pourcentage de 0% à 100%.

• 0%: Noir (obscurité totale).
• 100%: La forme la plus brillante de cette couleur.

HSV vs. RVB

Par exemple, pour assombrir une couleur en HSV, il suffit de baisser la Valeur. En RVB, vous devez baisser le Rouge, le Vert et le Bleu proportionnellement, ce qui implique un peu de mathématiques.

Essayez vous-même

Utilisez le sélecteur interactif ci-dessous pour voir comment la Teinte, la Saturation et la Valeur affectent la couleur finale. Remarquez comment changer un seul curseur a un effet prévisible qui est souvent plus difficile à obtenir avec des curseurs RVB.

Conclusion

Le modèle HSV est un outil puissant pour les designers et les artistes. En séparant les informations de couleur en Teinte, Saturation et Luminosité, il rend la manipulation des couleurs beaucoup plus intuitive. La prochaine fois que vous choisissez une palette de couleurs, essayez de penser en HSV !