Converter cores de RGB em HEX é tão simples quanto converter seus valores numéricos de decimal para sistema de números hexadecimais. Para converter cores RGB (50, 168, 82), convertemos cada um dos números em valor hexadecimal:
50 = 32 168 = A8 82 = 52
RGB(50, 168, 82) = #32A852
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
Hexadecimal
descreve um sistema numérico de base 16 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
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 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
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)
Como podemos ver nos exemplos acima, a principal diferença entre RGB e HEX é que ele usa sistemas numéricos diferentes. RGB usa decimal e HEX usa hexadecimal.
Converter cores de RGB em HEX é tão simples quanto converter seus valores numéricos de decimal para o sistema numérico hexadecimal.
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