Conversão sistema RGB para código Hexadecimal

A cor que é vista no monitor do computador é formada pela mistura das cores vermelho, verde e azul (RGB) com diferentes graus de intensidade. A linguagem HTML possibilita misturar até 256 níveis de intensidade de cada uma destas cores através de um sistema hexadecimal. No quadro abaixo, experimente misturar estas cores com diferentes níveis de intensidade (de 0 a 255) e observe o resultado.

Vermelho (R)
Verde (G)
Azul (B)

código da cor em HTML = " # R R G G B B "

O código da cor em HTML é composto pelo símbolo "#" seguido da intensidade (entre 0 e 255) de cada uma das cores do sistema RGB. A intensidade da cor não é representada na base decimal, mas sim, na base hexadecimal (o que resulta num número de 2 dígitos).

Base Hexadecimal

O nosso sistema de numeração é o decimal; existem 10 símbolos de número: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9. Na base hexadecimal, existem 16 símbolos: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Desta forma, o dígito "A" vale 10, o dígito "B" vale 11, ... e o dígito "F" vale 15. Para converter um número inteiro da base decimal para a base hexadecimal, siga o seguinte algoritmo:

  • Divida o número sucessivamente por 16.
  • A representação deste número na base hexadecimal será composta pelos restos da divisão, na ordem inversa, onde cada resto é representado pelo respectivo dígito na base hexadecimal.

Veja os exemplos abaixo:

O anúncio abaixo ajuda a manter o Squids Arduino funcionando

Compartilhe:

Doações

Contribua pra manter o site online :)

Inscreva-se no canal Squids

Você está preparado?

Squids Arduino News

Desafio 78 - Projeto I05 Controlando 2 motores - juntos e individualmente Com base no projeto I06 - Controlando um motor DC com L293D (Ponte H) e Arduino resolva os seguintes desafios: 1. A...

Básico - Projeto 91 Exibindo imagens bitmap em um Oled SSD1306 - bibliotecas Adafruit Objetivo Neste projeto vamos mostrar como exibir imagens bitmap em um display OLED SSD1306 com Arduino. Uti...

Intermediário - Projeto 06 Controle de velocidade e sentido de rotação de um motor DC Objetivo Neste tutorial vamos mostrar como criar um circuito para controlar a velocidade e o sentido de ro...

Desafio 77 - Projetos hub005 e hub007 Acessar leds com comunicação serial e manipulação direta de portas Com base nos projetos Hub 005 - Acender leds por comunicação serial - Arduino  e Hub 007...

Básico - Hub 007 Leds são acionados pelo teclado do computador   Sugerido por: Vinicius Medeiros Objetivo O projeto é composto por 3 leds, um verde, um amarelo e um vermelho. Ao digitar a ...

Outros artigos

Mais: Desafios Projetos Básicos Projetos Intermediários Básico

Topo