Convertendo cores RGB para Hex Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Aldeia RPG
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Convertendo cores RGB para Hex

2 participantes

Ir para baixo

Convertendo cores RGB para Hex Empty Convertendo cores RGB para Hex

Mensagem por DevWithCoffee Dom Ago 16, 2020 11:03 pm

Faz tempo que não posto nenhuma tutorial, o intuito dessa é igual a maioria que alguma vez postei, usar ferramentas simples que não exija instalar vários softwares, extensões ou disponibilizar de dinheiro para ter alguma ferramenta.

Cores em formato tem finalidade de serem usadas em códigos para diferentes plataformas, inclusive Web, porém quando estamos começando é difícil dispor de ferramentas que ajudem.

Para explicar melhor vou usar o exemplo mais básico que conheço, que é normalmente pegar as cores de um logo para usa-las no layout do mesmo trabalho.
Você precisará apenas abrir a imagem, sendo permitido apenas para os seguintes formatos, BMP, PNG, JPG, GIF, TIF e DIB, para os demais será necessário fazer um "PrintScreen" e colar diretamente no MSPaint (Paint do Windows).


Vamos pegar de exemplo este:
Spoiler:




Após abrir se a imagem for muito pequena de o máximo de zoom necessário pra que facilite, então selecione a ferramenta Selecionador de Cores (Pick Color):
Convertendo cores RGB para Hex Rgb-to10
( https://servimg.com/view/20244785/20 )




Veja que o cursor vai mudar de ícone, agora mova o cursor do mouse pra cima da imagem na posição da cor que você precisa, em seguida clique com o botão de confirmação do mouse ( Geralmente o esquerdo ):
Convertendo cores RGB para Hex Rgb-to12
( https://servimg.com/view/20244785/22 )




Veja que a Cor 1 mudou mostrando exatamente a cor que você clicou.
Então agora clique sobre o Editor de Cores:
Convertendo cores RGB para Hex Rgb-to11
( https://servimg.com/view/20244785/21 )




Vai aparecer uma janela para editar as cores, a única coisa que você vai fazer é pegar os valores NUMÉRICOS da cor já selecionada:
Convertendo cores RGB para Hex Rgb-to14
( https://servimg.com/view/20244785/24 )




Sendo nesta ordem os campos Vermelho (Red), Verde (Green) e Azul (Blue), então você poderá usar qualquer sites ( Inclusive o Google ) pra poder converter a cor pra HEX, mas eu sugiro usar este RGB to HEX, então seguindo a mesma ordem basta digitar manualmente os valores nos campos conforme o exemplo:
Convertendo cores RGB para Hex Rgb-to13
( https://servimg.com/view/20244785/23 )




Veja o resultado após clicar no botão para converter:
Convertendo cores RGB para Hex Rgb-to15
( https://servimg.com/view/20244785/25 )


Última edição por DevWithCoffee em Ter Ago 24, 2021 12:35 am, editado 2 vez(es)
DevWithCoffee
DevWithCoffee
Membro Ativo
Membro Ativo

Mensagens : 295
Créditos : 54

Ficha do personagem
Nível: 1
Experiência:
Convertendo cores RGB para Hex Left_bar_bleue0/0Convertendo cores RGB para Hex Empty_bar_bleue  (0/0)
Vida:
Convertendo cores RGB para Hex Left_bar_bleue30/30Convertendo cores RGB para Hex Empty_bar_bleue  (30/30)

DevWithCoffee gosta desta mensagem

Ir para o topo Ir para baixo

Convertendo cores RGB para Hex Empty Re: Convertendo cores RGB para Hex

Mensagem por DragonicK Seg Ago 17, 2020 2:22 am

Você pode converter as cores usando a calculadora do windows no modo programador.


R: 69 = Valor em Hex 45
G: 150  = Valor em Hex 96
B: 209 = Valor em Hex D1


#45 96 D1
DragonicK
DragonicK
Experiente
Experiente

Mensagens : 543
Créditos : 81

Ficha do personagem
Nível: 1
Experiência:
Convertendo cores RGB para Hex Left_bar_bleue0/0Convertendo cores RGB para Hex Empty_bar_bleue  (0/0)
Vida:
Convertendo cores RGB para Hex Left_bar_bleue30/30Convertendo cores RGB para Hex Empty_bar_bleue  (30/30)

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos