Kui ütled „helesinine“, saab igaüks sellest isemoodi aru. Disainer vajab täpsemat keelt. Iga värvi saab kirjeldada kolme omadusega: toon, küllastus ja heledus. Need on ka värvimudeli HSL kolm tähte: hue, saturation, lightness.

Kolm riba: toon läbib kõik vikerkaarevärvid, küllastus läheb hallist erksiniseks, heledus mustast läbi sinise valgeks
Üleval toon, keskel küllastus, all heledus. Küllastuse ja heleduse ribal on toon sama (sinine).

Toon

Toon (hue) on värvi „nimi“. Värviringil on toon nurk 0° kuni 360° ja ring saab otsast uuesti alguse.

Värviring 12 sektoriga, punane üleval; päripäeva kollane, roheline, tsüaan, sinine ja magenta
Värviring: punane on üleval (0°) ja toonid liiguvad päripäeva. Kollane on 60°, roheline 120°, tsüaan 180°, sinine 240° ja magenta 300°. Värviringist räägib lähemalt osa „Värviring ja harmooniad“.
Nurk Toon
0° (ja 360°) punane
60° kollane
120° roheline
180° tsüaan (sinakasroheline)
240° sinine
300° magenta (lillakasroosa)

Küllastus

Küllastus (saturation) näitab, kui puhas ja erk värv on. 100% on kõige erksam võimalik toon, 0% on hall, millel tooni enam polegi. Väikese küllastusega värve nimetatakse tihti ka tuhmideks või pastelseteks.

Heledus

Heledus (lightness) näitab, kui hele või tume värv on. HSL-is on 0% alati must ja 100% alati valge. Puhas toon on keskel, 50% juures.

Näide: roosa on hele punane (toon 0°, küllastus 100%, heledus 85%). Pruun on tume ja tuhm oranž (toon 25°, küllastus 55%, heledus 30%). Beež on hele ja väga tuhm oranž.
Nõuanne: Photoshop ja mõni teine programm kasutab sarnast mudelit HSB (hue, saturation, brightness). Seal tähendab B = 100% puhast tooni, mitte valget. Toon ja küllastus tähendavad sama.
Photoshopi värvivalija sinakassinise värviga: H 199°, S 69%, B 60%; samas aknas RGB 48, 120, 153 ja HEX 307899
Photoshopi värvivalija (Color Picker): toon H 199°, küllastus S 69% ja heledus B 60%. Sama värv on kõrval ka RGB-, HEX- ja CMYK-koodina.
Affinity värvivalija rohelise värviga: HSL 113, 50, 46; RGB 73, 177, 59; HEX 49B13B; CMYK 73, 4, 100, 0, igaüks oma värvi raamis
Affinity värvivalija (Colour Chooser). Sinises raamis on toon (H), küllastus (S) ja heledus (L). Affinity kasutab HSL-i nagu selles kursuses, Photoshop HSB-d.

Klõpsa pildil, et see suurelt avada.

Proovi nüüd ise: tegevuses „Katseta: värvi omadused“ liigutad liugureid vabalt, tegevuses „Harjutus: värvi omadused“ teed ülesanded.

Kokkuvõte

  • Toon on värvi nimi ja värviringil nurk 0° kuni 360°: punane 0°, roheline 120°, sinine 240°.
  • Küllastus näitab, kui erk värv on: 0% on hall.
  • Heledus näitab, kui hele värv on: 0% must, 50% puhas toon, 100% valge.
  • Uue värvi saad, kui muudad üht omadust: hele punane on roosa, tume ja tuhm oranž on pruun.