Convertisseur RVB en HSV

HSV signifie Teinte, Saturation et Valeur. La Teinte représente l'angle de la couleur sur une roue de 360° (0°=rouge, 120°=vert, 240°=bleu). La Saturation contrôle l'intensité de la couleur de 0 % (gris) à 100 % (couleur pure). La Valeur contrôle la luminosité de 0 % (noir) à 100 % (pleine luminosité). Le modèle HSV est souvent préféré par les concepteurs car il correspond plus intuitivement à la manière dont les humains perçoivent et décrivent la couleur que le modèle RVB.

La conversion utilise le modèle de cylindre de couleur HSV. La teinte détermine dans quel secteur de 60° de la roue chromatique se trouve la couleur, créant six cas. Dans chaque secteur, la chrominance (S×V) et les valeurs intermédiaires sont calculées, puis mappées sur les canaux RVB. Lorsque la saturation est nulle, le résultat est une valeur de niveau de gris où R=G=B=V×255. Les calculs impliquent une logique conditionnelle basée sur le secteur de teinte, c'est pourquoi le calcul manuel est sujet aux erreurs.

Les deux HSV et HSL décrivent la couleur en utilisant la teinte et la saturation, mais ils diffèrent par le troisième composant. HSV utilise la Valeur (luminosité de la couleur), tandis que HSL utilise la Luminosité (position entre le noir et le blanc). En HSV, S=100% V=100% donne une couleur vive et pure. En HSL, S=100% L=50% donne une couleur vive et pure. HSV est plus courant dans les sélecteurs de couleurs et les logiciels de conception graphique, tandis que HSL est plus courant dans le CSS et le développement web.

Le RVB définit les couleurs en mélangeant des intensités lumineuses, ce qui correspond au fonctionnement des écrans mais pas à la façon dont les humains pensent la couleur. Demander à quelqu'un de créer « un bleu légèrement plus sombre et moins saturé » est intuitif en HSV — il suffit de réduire V et S. En RVB, l'obtention du même résultat nécessite d'ajuster les trois canaux selon des montants différents. Le HSV sépare les trois dimensions perceptives de la couleur (teinte, pureté, luminosité), ce qui le rend naturel pour les tâches de sélection et de manipulation des couleurs.