Převeď hodnoty HSV na RGB

První číslo je odstín (H), úhel na barevném kole: 0° je červená, 120° zelená a 240° modrá[1]. Druhé je sytost (S) a třetí jas (V). Photoshop tentýž model nazývá HSB a v dialogu pro výběr barvy zadáváš odstín ve stupních a sytost a jas v procentech[2]. Česká verze Photoshopu označuje pole odstínu, sytosti a jasu písmeny O, S a J[2]. Zápis O 217 S 76 J 96 pole HSV přečte stejně jako H 217 S 76 B 96, a to v jakémkoli pořadí písmen.

Sytost a jas nejlíp pochopíš přes malířské barvy. Alvy Ray Smith, který model popsal v roce 1978, je přirovnal k přidávání bílé a černé do čistého odstínu: nižší sytost znamená víc bílé a nižší jas víc černé[3]. Proto je každá barva s jasem 0 % černá, ať ostatní dvě čísla říkají cokoli, a se sytostí 0 % zbude šedá o daném jasu.

Pokud máš barvu v jiném zápisu, třeba v OKLCH, Lab nebo jako kód z Androidu, převodník barev ji ukáže najednou ve všech zápisech.

Nejdřív spočítej chromu, tedy rozpětí mezi kanály: C = V × S. Pak vyděl odstín 60°. Celá část výsledku určí jednu ze šesti výsečí kola a ze zbytku vyjde prostřední kanál: X = C × (1 − |(H ÷ 60°) mod 2 − 1|). Nakonec ke všem kanálům přičti m = V − C[1].

Vezměme hsv(217.2, 76%, 96.5%). Chroma je 0,965 × 0,76 = 0,733. Odstín vydělený 60° dá 3,62, takže barva leží ve výseči mezi 180° a 240°, kde je červená nulová, zelená prostřední a modrá plná. Prostřední kanál je 0,733 × (1 − |1,62 − 1|) = 0,279 a m = 0,965 − 0,733 = 0,232.

Po přičtení m mají kanály hodnoty 0,232, 0,511 a 0,965. Po vynásobení 255 a zaokrouhlení vyjde rgb(59, 130, 246) a převodník RGB na HEX z toho udělá šestnáctkový kód.

CSS nemá funkci hsv(), ale má hwb(), ve které za odstínem následuje množství bílé a černé přimíchané do barvy[5]. Model HWB popsal Alvy Ray Smith v roce 1996 a z HSV se získá dvěma krátkými vzorci: W = (1 − S) × V a B = 1 − V[6].

Pro hsv(217.2, 76%, 96.5%) vychází bílá (1 − 0,76) × 0,965 = 23,1 % a černá 1 − 0,965 = 3,5 %, takže do stylopisu napíšeš hwb(217.2 23.1% 3.5%). Prohlížeč ukáže stejnou barvu jako rgb(59, 130, 246). Pokud chceš zápis, kterému rozumí každý nástroj, vlož prostě výsledek tohoto převodníku.

OpenCV ukládá odstín 8bitového obrázku jako polovinu úhlu, aby se vešel do jednoho bajtu[7]. Sousední hodnoty odstínu jsou tedy od sebe 2° a barva, která padne mezi ně, nemá přesný protějšek. Trojice 109, 194, 246, kterou OpenCV dá pro rgb(59, 130, 246), se s volbou OpenCV vrátí jako rgb(59, 127, 246), tedy se zelenou nižší o tři jednotky. Samo OpenCV vrací přesně totéž: volbu OpenCV jsme porovnali s OpenCV.js 4.10 na všech trojicích s odstínem od 0 do 180.

Když má výsledek jít zpátky do obrázku načteného přes cv2.imread, použij cv2.COLOR_HSV2BGR, protože takový obrázek drží kanály v pořadí modrá, zelená, červená[8].