Por que converter cores no Web Design?
Enquanto muitos designers entregam telas com especificações em Hexadecimal (HEX) no Figma ou Photoshop, muitas vezes o desenvolvedor Front-end precisa das cores no formato RGB ou RGBA. Isso porque o CSS puro ou ferramentas como Tailwind CSS utilizam RGBA para aplicar regras de opacidade (alpha) de maneira fluida.
O Padrão Hexadecimal (HEX)
O código HEX começa com uma hashtag (#) seguida de três ou seis caracteres (variando entre 0 a 9 e A a F). Exemplo: #FF5733.
A sintaxe RGB
No rgb(R, G, B), as três letras primárias da luz recebem valores que indicam o quanto de brilho vermelho (Red), verde (Green) e azul (Blue) a tela emitirá, misturando-os para gerar uma única cor.