Converter cores de HEX em RGB é tão simples quanto converter seus valores numéricos de hexadecimal em sistema de números decimais. Para converter a cor hexadecimal #32A852
, dividimos o código em pares de dois 32 A8 52
e converter cada par em um valor decimal:
32 = 50 A8 = 168 52 = 82
#32A852 = RGB(50, 168, 82)
Hexadecimal
descreve um sistema numérico de base 16 - um sistema numérico composto por 16 símbolos. Ele usa números de 0 a 9 para representar números de 0 a 9 e letras de A a F para representar os números de 10 a 15.
É mais frequentemente usado em ciência da computação e matemática como um meio de representar código binário em uma forma legível por humanos.
Ao contrário de computadores ou cientistas, a maioria de nós usa o sistema de numeração decimal. Consiste em números de 0 a 9 e é a forma padrão de usar números. Começamos a aprender na pré-escola e usamos todos os dias:
um carro dirige a 10 mph um gato pesa 4kg um mês é feito de 30 dias
RGB
significa tons de vermelho, verde e azul de luz que podem ser misturados para criar cores diferentes. É o método padrão de produção de imagens para telas de TV, monitores de computador e telas de smartphones.
Para ser mais preciso, RGB é um modelo de cores aditivo, o que significa que você deve adicionar matizes para criar uma cor diferente.
Imagine empilhar cores uma em cima da outra:
Nota: dispositivos diferentes produzem valores RGB diferentes. Cada dispositivo usa uma teoria de mistura de cores diferente, o que significa que as cores RGB não são iguais em todos os dispositivos e precisam de gerenciamento de cores para ter a mesma aparência.
Para descrever uma cor no modelo de cores RGB, você deve informar quanto vermelho, verde e azul é necessário.
Você indica quanto de vermelho, verde e azul é necessário usando um tripleto RGB (R, G, B)
onde cada um dos elementos pode variar de zero a um valor máximo definido.
Se todos os elementos estiverem em zero (0, 0, 0)
- o resultado é a cor preta.
Se todos os elementos estiverem no máximo (255, 255, 255)
- o resultado é a cor branca.
Combinações desses números formam cores diferentes (255, 255, 0)
- o resultado é a cor amarela
Isso é conhecido como profundidade de cor e é medido em bits.
A partir de 2018, quase todas as telas de TV, computador e smartphone usam profundidade de cor de 24 bits conhecida como cor verdadeira. Suporta oito bits para cada uma das três cores, ou 24 bits no total.
Isso fornece 28 ou 256 valores possíveis para vermelho, verde e azul:
256 x 256 x 256 = 16,777,216 total de cores possíveis na paleta de cores verdadeiras
Agora que sabemos a diferença entre hexadecimal e decimal, vamos examinar como podemos converter um para o outro.
Como já sabemos, no sistema de numeração hexadecimal, os números de 0 a 9 representam de 0 a 9, e as letras de A a F representam de 10 a 15 no sistema decimal.
Aqui está uma tabela detalhada que é boa para explicar a conversão de números hexadecimais para decimais:
Para converter HEX em RGB, você deve dividir o valor hexadecimal em pares de dois e convertê-lo em um número decimal.
Exemplo #1: converter cor vermelha #FF0000
para RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
Exemplo #2: converter cor verde #00FF00
para RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
Exemplo #3: converter cor azul #0000FF
para RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
Exemplo #4: converter cor preta #000000
para RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
Exemplo #5: converter cor branca #FFFFFF
para RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
Bônus exemplo #6: converter cor ouro #FFD700
para RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
Para converter RGB em HEX, você deve converter os valores das cores vermelho, verde e azul de decimal para hexadecimal.
Exemplo #1: converter cor vermelha (255, 0, 0)
para HEX:
R = 255 = FF G = 0 = 00 B = 0 = 00 HEX = #FF0000
Exemplo #2: converter cor verde (0, 255, 0)
para HEX:
R = 0 = 00 G = 255 = FF B = 0 = 00 HEX = #00FF00
Exemplo #3: converter cor azul (0, 0, 255)
para HEX:
R = 0 = 00 G = 0 = 00 B = 255 = FF HEX = #0000FF
Exemplo #4: converter cor preta (0, 0, 0)
para HEX:
R = 0 = 00 G = 0 = 00 B = 0 = 00 HEX = #000000
Exemplo #5: converter cor branca (255, 255, 255)
para HEX:
R = 255 = FF G = 255 = FF B = 255 = FF HEX = #FFFFFF
Bônus exemplo #6: converter cor ouro (255, 215, 0)
para HEX:
R = 255 = FF G = 215 = D7 B = 0 = 00 HEX = #FFD700
Como podemos ver nos exemplos acima, a principal diferença entre Hex e RGB é que ele usa sistemas numéricos diferentes. HEX usa hexadecimal e RGB usa decimal.
Converter cores de HEX em RGB é tão simples quanto converter seus valores numéricos de hexadecimal em sistema de números decimais.
Com base em nossa experiência e no que nossa equipe tem observado ao longo dos anos, hexadecimal é usado com mais frequência do que RGB, especialmente nas indústrias de desenvolvimento e design web.
No entanto, não faz diferença qual você usa, pois ambos representam a mesma cor. A única sugestão - seja consistente.
Se você começar a usar RGB em todo o nosso projeto da web - continue com ele. Se você começar a usar HEX em todo o nosso projeto web, tente usar apenas HEX