Como funciona o código de cores RGB

Um código RGB é uma representação dos valores das cores primárias juntas, só que em Hexadecimal.

Podemos perceber que os códigos RGB são sempre formados com 6 dígitos, o que dá 2 dígitos para cada cor.

Se em 2 dígitos hexadecimais conseguimos valores de 00 a FF, então conseguimos representar valores de 0 a 255 da base decimal, concorda?

Continuando o raciocínio, se o branco é formado com a combinação dos maiores valores para RGB (255 para Red, 255 para Green e 255 para Blue), o código RGB do branco é: #FFFFFF.

Ou seja, 255 vermelho (FF), 255 verde (FF) e 255 Azul (FF). Juntando tudo com o # do início, temos o #FFFFFF.

O preto seria #000000. Certo? Tem alguma dúvida sobre isso? Comente lá em baixo.

Agora olhando pra figura que apresentei no início que mostra a combinação de cores primárias para formar outras cores.

Comentários

Postagens mais visitadas deste blog

Navegação Moderna: Ícones no Menu para Melhorar a Usabilidade

Navegação Moderna: Ícones no Menu para Melhorar a Usabilidade A Wikipédia é uma fonte inestimável de informação, mas a sua interface nem sempre é intuitiva para todos os utilizadores. Um dos elementos que repensámos no protótipo foi o menu de navegação, que tradicionalmente depende de texto e links extensivos. Para melhorar a experiência, introduzimos ícones no menu , tornando a interação mais acessível e visualmente agradável. Por Que Reprojetar o Menu? Os menus baseados apenas em texto têm algumas limitações: Dependência de leitura: Utilizadores que não estão familiarizados com certos termos ou que têm limitações visuais podem encontrar dificuldade em navegar. Falta de rapidez: Identificar opções com base apenas em texto exige mais esforço cognitivo e tempo. Design datado: Em comparação com interfaces modernas, menus textuais parecem menos convidativos e intuitivos. Com base nesses desafios, decidimos implementar ícones como elementos centrais no menu de navegação. A Decisão...

Correspondência entre o Sistema e o Mundo Real

A segunda heurística destaca a necessidade de o sistema falar a linguagem do utilizador , utilizando conceitos, terminologias e metáforas familiares. Isto ajuda a reduzir a carga cognitiva e facilita a aprendizagem e utilização do sistema. Por exemplo, em aplicações financeiras, utilizar termos como "saldo", "depósito" e "levantamento" é preferível a jargões técnicos que possam confundir o utilizador. Além disso, seguir convenções do mundo real, como organizar informações de forma lógica e sequencial, torna a interface mais intuitiva. Ao alinhar o design com as expectativas e experiências prévias dos utilizadores, aumentamos a eficiência e satisfação na interação com o sistema. Isto também contribui para reduzir erros, pois os utilizadores compreendem melhor as funcionalidades e ações disponíveis.

Design Estético e Minimalista: Menos é Mais

Um design limpo e simples facilita a compreensão e utilização do sistema. Informação irrelevante ou desnecessária compete pela atenção do utilizador e pode levar à sobrecarga cognitiva . Isto significa que cada elemento na interface deve servir a um propósito claro. Evitar o excesso de texto, gráficos desnecessários e elementos decorativos ajuda a manter o foco nas tarefas essenciais. Um design minimalista não só é esteticamente agradável, mas também melhora a usabilidade e a eficiência. A simplicidade permite que os utilizadores concentrem-se no que realmente importa , melhorando a eficácia das suas interações.

Gonçalo Garrido

Pesquisar este blog