HSB est en fait beaucoup plus facile à comprendre que RGB, c'est donc bien.
J'ai en fait écrit un article stupidement long expliquant HSB , donc je cite un peu à partir de là, mais en intercalant pour répondre à votre question plus spécifiquement.
Qu'est-ce que Hue? Pensez: "Couleur de l'arc-en-ciel"
La teinte est un nombre compris entre 0 et 360. Elle est mesurée en degrés, comme les degrés d'un cercle (car whoa, spoiler, les cercles ont également 360 °). Rappelez-vous la roue des couleurs? La teinte est exactement là où vous êtes sur la roue chromatique.
Qu'est-ce que la saturation? Pensez "Richesse"
La saturation est un nombre compris entre 0 et 100. Donc, quelle que soit la teinte que vous avez choisie, une saturation de 100% sera la version la plus riche possible de cette couleur et une saturation de 0% sera la version grise de cette couleur (c.-à-d. si la couleur est claire, ce sera un gris clair; si la couleur est sombre, ce sera un gris foncé).
Je veux voir?
La saturation est assez simple. J'y pense parfois comme la quantité de couleur injectée dans le gris. Donc 0% est un gris plat, mais 100% est la couleur la plus colorée que votre moniteur puisse faire.
Qu'est-ce que la luminosité? Pensez à une ampoule
La luminosité est un nombre compris entre 0 et 100. Comme la saturation, elle est parfois écrite en pourcentage. Celui-ci est assez évident quant à ce que cela signifie, mais il y a un crochet rapide.
La luminosité à 0% est noire, quelle que soit la teinte, quelle que soit la saturation. La luminosité à 100% est blanche uniquement si la saturation est également de 0%. Sinon, une luminosité de 100% n'est qu'une… couleur très lumineuse. Cela vous semble confus? Pense-y de cette façon. Imaginez la luminosité est une ampoule. 0% signifie que l'ampoule est éteinte (noir dans la pièce). 100% signifie que la lumière est à pleine puissance. Alors peut-être que la luminosité à 100% est une couleur vive, ou, si la lumière est déjà blanche, alors la luminosité à 100% est du blanc pur.
Le noir est-il sur la roue chromatique? Non, mais c'est sur le cylindre de couleur
Une roue est plate, elle est donc en 2D. L '"espace" HSB de couleurs a trois dimensions (H, S et B ... surprise!), C'est donc une forme 3D. Dans notre cas, un cône fera très bien l'affaire.
Le noir est la roue chromatique ENTIÈRE où la luminosité = 0. Donc, peu importe la teinte que vous avez, quelle que soit la saturation, si la luminosité = 0, vous regardez le NOIR.
(Curieusement, le blanc fonctionne différemment. Le blanc n'est qu'un point, PAS une roue chromatique entière. Pour obtenir du blanc, vous devez avoir une luminosité = 100 ET une saturation = 0. Cela étant dit, il existe un système de couleurs incroyablement similaire à HSB, mais le la seule différence est qu'il fait le blanc et le noir exactement opposés. Ce système est appelé HSL - teinte, saturation, légèreté .)
Comment mon teint change-t-il avec l'éclairage?
Cette question trouve une réponse plus approfondie ici , mais en gros, la teinte, la saturation ou la luminosité de votre peau peut changer avec l'éclairage.
- HUE : Si votre teinte de peau normale se situe entre 0 ° et 60 °, alors dans un éclairage lumineux (blanc), la teinte de votre peau passera au jaune (teinte = 60). Dans un éclairage plus sombre, il se déplacera vers le rouge (teinte = 0 °).
- SATURATION : Dans un éclairage plus lumineux, votre peau aura une saturation plus faible. Dans un éclairage plus faible, il aura une saturation plus élevée.
- LUMINOSITÉ : Dans un éclairage plus lumineux, votre peau aura une luminosité plus élevée. Dans un éclairage plus faible, votre peau aura une luminosité plus faible. Mais ... vous le saviez déjà, non? ;)
J'espère que ça t'as aidé!
Vous pouvez trouver quelques détails supplémentaires ici
L*a*b*
la couleur n'est pas le seul espace colorimétrique indépendant du périphérique.sRGB
est tout aussi indépendant de l'appareil queL*a*b*
. Et les deuxL*a*b*
et ontsRGB
besoin d'un blanc de référence, ils ne sont pas absolus. Pour un modèle de couleur vraiment indépendant, vous pouvez utiliserXYZ
. Si vous voulez vraiment savoir, lisez tout le brucelindbloom.com . Java requis pour l'expérience complète.