Converta valores HSV para RGB

O primeiro número é o matiz (H), que vai de 0 a 360 e percorre todas as cores do espetro, do vermelho ao violeta, mais o magenta. O segundo é a saturação (S), a que também se chama pureza: quanto mais baixa, mais acinzentada fica a cor. O terceiro é o valor (V), que define o brilho[1]. No Photoshop o mesmo modelo chama-se HSB, e a ajuda da Adobe chama às suas componentes matiz, saturação e brilho[2].

A saturação e o valor percebem-se melhor a pensar em tinta. Alvy Ray Smith, que publicou o modelo em 1978, comparou-os a juntar branco e preto a um matiz puro: menos saturação é mais branco, e menos valor é mais preto[3]. Por isso qualquer cor com valor de 0% é preta, digam o que disserem os outros dois números, e com saturação de 0% fica um cinzento desse valor.

Se tiver a cor noutra notação, como OKLCH, Lab ou código de Android, o conversor de cores mostra-a de uma vez em todas as notações.

Calcule primeiro a croma, ou seja, a distância entre os canais: C = V × S. Depois divida o matiz por 60°. A parte inteira do resultado escolhe um dos seis setores da roda, e o resto dá o canal intermédio: X = C × (1 − |(H ÷ 60°) mod 2 − 1|). Por fim, some m = V − C a todos os canais[4].

Tomemos hsv(217.2, 76%, 96.5%). A croma é 0,965 × 0,76 = 0,733. O matiz dividido por 60° dá 3,62, portanto a cor está no setor entre 180° e 240°, onde o vermelho é zero, o verde é o canal intermédio e o azul está cheio. O canal intermédio vale 0,733 × (1 − |1,62 − 1|) = 0,279, e m = 0,965 − 0,733 = 0,232.

Depois de somar m, os canais valem 0,232, 0,511 e 0,965. Multiplicados por 255 e arredondados dão rgb(59, 130, 246), que o conversor de RGB para HEX passa a código hexadecimal.

O CSS não tem a função hsv(), mas tem hwb(), em que o matiz é seguido da quantidade de branco e de preto misturada na cor[6]. O modelo HWB foi descrito por Alvy Ray Smith em 1996 e obtém-se do HSV com duas fórmulas curtas: W = (1 − S) × V e B = 1 − V[7].

Para hsv(217.2, 76%, 96.5%), o branco é (1 − 0,76) × 0,965 = 23,1% e o preto 1 − 0,965 = 3,5%, por isso na folha de estilos escreve hwb(217.2 23.1% 3.5%). O navegador mostra a mesma cor que rgb(59, 130, 246). Se preferir uma notação que qualquer ferramenta entenda, cole simplesmente o resultado deste conversor.

O OpenCV guarda o matiz de uma imagem de 8 bits como metade do ângulo, para caber num byte[8]. Valores de matiz vizinhos ficam assim a 2° de distância, e uma cor que caia entre eles não tem equivalente exato. O trio 109, 194, 246 que o OpenCV dá para rgb(59, 130, 246) volta com a opção OpenCV como rgb(59, 127, 246), com o verde três unidades abaixo. O próprio OpenCV devolve exatamente o mesmo: comparámos a opção OpenCV com o OpenCV.js 4.10 em todos os trios com matiz de 0 a 180.

Se o resultado voltar a uma imagem carregada com cv2.imread, use cv2.COLOR_HSV2BGR, porque essa imagem guarda os canais pela ordem azul, verde, vermelho[9].