Converter RGB para HSB
Obtenha os valores de matiz, saturação e brilho de uma cor RGB para digitá-los no Photoshop, Figma ou Sketch.
Entrada rgb
Resultado · HSB
hsb(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Como usar: RGB para HSB
- 1
Insira uma cor
Digite um código de cor ou escolha uma cor com o seletor: cada campo aceita o formato que exibe.
- 2
Veja a conversão
O resultado é atualizado instantaneamente enquanto você digita, junto com uma pré-visualização da cor em tempo real.
- 3
Copie o código
Copie o valor de que precisa com um clique e cole-o no seu design, no seu CSS ou nas configurações de impressão.
O que significa HSB
HSB significa matiz, saturação e brilho (hue, saturation, brightness). É o mesmo modelo do HSV — só muda o nome do terceiro componente — e é o nome que Adobe Photoshop, Illustrator, Figma e Sketch usam em seus seletores de cor. O matiz é dado em graus de 0 a 360, e a saturação e o brilho em porcentagem.
Converta RGB para HSB quando tiver valores de canais de uma captura de tela, de um site ou de uma especificação e quiser digitar a cor em um aplicativo de design que trabalha em HSB, ou quando quiser entender melhor uma cor: saturação baixa significa um tom acinzentado, brilho baixo significa um tom escuro. Por exemplo, rgb(255, 61, 114) vira hsb(344, 76%, 100%). A ferramenta também mostra HEX, HSL, HSV e CMYK da mesma cor, cada um com um botão de copiar.
Tudo funciona localmente no seu navegador: suas imagens nunca são enviadas para um servidor.