🔢 Aula 05 – Sistema Hexadecimal (Base 16)
Se existe uma base numérica que todo desenvolvedor, designer e engenheiro de hardware precisa dominar, é o Hexadecimal. De cores no CSS até endereços de memória, o Hexa está em todo lugar. Vamos entender por que ele é tão amado pela tecnologia.
🎯 Objetivos de Aprendizagem
Nesta aula, você vai: - [x] Conhecer a base 16 e seus 16 símbolos (0-9 e A-F). - [x] Entender a relação entre a Base 2 e a Base 16 (\(2^4 = 16\)). - [x] Aprender a converter Decimal para Hexadecimal através de divisões. - [x] Ver aplicações reais: cores RGB e endereços de memória.
🏗️ Os 16 Símbolos do Hexa
Como não temos algarismos únicos para os valores de 10 a 15, o sistema hexadecimal utiliza as primeiras letras do alfabeto:
| Decimal | 0-9 | 10 | 11 | 12 | 13 | 14 | 15 |
|---|---|---|---|---|---|---|---|
| Hexa | 0-9 | A | B | C | D | E | F |
Pense em Equivalência
Pense no A como o "dez", no B como o "onze", e assim por diante até o F, que é o "quinze". É apenas uma forma de economizar espaço!
🎨 Aplicação Real: Cores Web (RGB)
As cores na sua tela são misturas de Vermelho (Red), Verde (Green) e Azul (Blue). Cada canal vai de 0 a 255 (que em hexa é FF).
graph TD
subgraph Cor: #FF5733
R["FF: Vermelho (Máximo)"]
G["57: Verde (Médio)"]
B["33: Azul (Baixo)"]
end
style R fill:#f55,stroke:#333
style G fill:#5f5,stroke:#333
style B fill:#55f,stroke:#333 📝 Prática de Conversão
Para converter decimal para hexa, dividimos por 16.
🚀 Desafio da Semana
Abra o "Inspetor de Elementos" (F12) em qualquer site, escolha uma cor e identifique: - Quanto de Vermelho ela tem em Hexa? - O que acontece se você mudar tudo para 00?
-
Slides Interativos --- Veja como as letras A-F facilitam a leitura de memória. Ver Slides
-
Quiz de Prática --- Teste sua memória sobre a tabela A-F e conversões. Responder Quiz
-
Mão na Massa --- Exercícios de conversão e cálculo de cores Hexa. Praticar