A COR NOS SISTEMAS DIGITAIS
Aplicações Informáticas B
ENTRAR NA EXPERIÊNCIA
Diana - nº3, Maria - nº8, Melanie - nº 12, Santiago - nº 16 - 12ºE
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
O que é a Cor?
A cor resulta da interação entre a luz e os objetos e da forma como o olho humano a perceciona..
E a LUZ?
Nos sistemas digitais, as cores são representadas através de diferentes modelos e tecnologias que permitem reproduzir milhões de tonalidades.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
A luz visível é composta por diferentes comprimentos de onda.
E a luz?
Espetro visível
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Como vemos as cores
A perceção da luz e das cores é feita por células da retina chamadas bastonetes e cones.
Tipos de Cones?
o que são os Bastonetes?
o que são os Cones?
A combinação dos sinais dos diferentes cones permite ao cérebro interpretar milhões de cores.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Modelo de cor RGB
O modelo RGB é um modelo aditivo, baseado na mistura de luz das cores vermelho, verde e azul.
vermelho + verde → amarelo vermelho + azul → magenta azul + verde → ciano
Red (vemelho)
O modelo RGB é utilizado em dispositivos que emitem luz, como ecrãs digitais:
Geen (verde)
Blue (azul)
📺 televisões
💻 monitores
📱 smartphones
A combinação de vermelho, verde e azul permite aos ecrãs representar milhões de cores diferentes.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Modelo de cor CMYK
As cores são criadas através da mistura de tintas e não de luz.
O modelo CMYK é um modelo subtrativo, baseado na mistura de tintas ciano, magenta, amarelo e preto
Cian (ciano)
Porque existe o preto (K)
A mistura de ciano, magenta e amarelo deveria produzir preto. No entanto, na prática resulta num castanho escuro. Por isso utiliza-se tinta preta adicional para melhorar o contraste, a nitidez e reduzir o consumo de tinta.
Black (preto)
Magenta
O modelo CMYK é utilizado na impressão de imagens em papel como em
Yellow (amarelo)
📄 revistas 📚 livros
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Modelo de Cor HSV
O modelo HSV permite descrever as cores de forma mais intuitiva, separando a tonalidade, a intensidade e o brilho.
O modelo HSV representa as cores de uma forma mais intuitiva, utilizando três características principais: tonalidade, saturação e valor (brilho).
Uma cor saturada é intensa e viva.
Uma cor desaturada parece mais apagada.
Valor ou Brilho
Saturação
Tonalidade
O modelo HSV é frequentemente utilizado em programas de edição de imagem porque facilita a seleção e o ajuste das cores.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Pixel
Uma imagem digital é composta por milhares ou milhões de pequenos pontos chamados pixels.
A palavra pixel resulta da expressão inglesa picture element, que significa “elemento da imagem”.
Cada pixel guarda informação sobre a cor que deve ser apresentada naquele ponto da imagem.
Quanto maior for o número de pixels de uma imagem, maior será o nível de detalhe que ela pode apresentar.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Resolução da Imagem
A resolução corresponde ao número de pixels que compõem uma imagem.
Quanto maior a resolução → mais detalhe na imagem Quanto maior a resolução → maior tamanho do ficheiro
Imagens com maior resolução apresentam melhor qualidade visual, mas ocupam mais espaço de armazenamento.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Profundidade de cor
Quanto maior for a profundidade de cor, maior será o número de cores que podem ser representadas. A profundidade de cor indica quantos bits são usados para representar a cor de cada pixel numa imagem digital.
Bits Número de cores1 bit 2 cores 8 bits 256 cores 16 bits 65 536 cores 24 bits 16,7 milhões de cores
As imagens digitais modernas utilizam normalmente 24 bits por pixel, permitindo representar cerca de 16,7 milhões de cores.
Uma maior profundidade de cor permite representar transições de cor mais suaves e imagens mais realistas.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Indexação de cores
Na indexação de cores, o pixel não guarda a cor completa. Guarda apenas um número. Esse número corresponde a uma cor numa tabela chamada paleta de cores. Dessa maneira ocupa menos espaço e memória.
Índice Cor 0 preto 1 azul 2 verde 3 vermelho
Pixel =3
o pixel guarda um número - o número aponta para uma cor na paleta - essa cor é mostrada na imagem.
Paleta de cores
As paletas de cores são utilizadas em imagens com indexação de cores para reduzir o tamanho dos ficheiros e da memória necessária.
🟥 🟩 🟦 🟨 🟪 🟧
Complementariedade de cores
As cores complementares são utilizadas em design gráfico para criar contraste e destacar elementos.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Cores HTML
As cores HTML são utilizadas em páginas web e são normalmente representadas através de códigos hexadecimais.
Nos primeiros computadores e monitores, nem todas as cores eram apresentadas da mesma forma.Para evitar diferenças entre dispositivos, os designers utilizavam uma paleta limitada de cores que eram reproduzidas de forma consistente.
Atualmente os monitores conseguem representar milhões de cores, pelo que a limitação das 216 cores seguras deixou de ser necessária.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Conclusão
A representação das cores é fundamental nos sistemas digitais e na produção de conteúdos multimédia.As cores são percecionadas pelo olho humano e são representadas através de diferentes modelos de cor.
A luz visível é composta por diferentes comprimentos de onda que correspondem a diferentes cores. O olho humano perceciona as cores através das células da retina chamadas cones. Nos dispositivos digitais as cores são representadas através de modelos como RGB, CMYK e HSV. A qualidade das imagens digitais depende de fatores como pixel, resolução e profundidade de cor.
A compreensão destes conceitos é essencial para o desenvolvimento e utilização de imagens, vídeos e conteúdos multimédia no mundo digital.
O que são os bastonetes?
Os bastonetes são células da retina sensíveis à luminosidade. Permitem ver em ambientes com pouca luz, mas não distinguem cores.
São responsáveis pela visão noturna. Estão associados à visão escotópica, permitindo ver em ambientes com pouca luz, mas sem distinguir cores.
LUZ
A luz é uma forma de energia que se propaga através de ondas eletromagnéticas. Apenas uma pequena parte dessas ondas pode ser vista pelo olho humano. Essa parte chama-se luz visível e é responsável pelas cores que conseguimos observar.
Comprimento de onda
O comprimento de onda corresponde à distância entre duas ondas consecutivas de luz. Cada comprimento de onda produz uma cor diferente. Na luz visível os valores variam aproximadamente entre 380 nm e 700 nm.
Cor
A cor é a forma como o nosso cérebro interpreta a luz refletida pelos objetos. Diferentes comprimentos de onda da luz são percebidos como cores diferentes, como violeta, azul, verde, amarelo, laranja e vermelho.
O que são os cones?
Os cones são células da retina responsáveis pela perceção das cores. Funcionam melhor em ambientes com boa iluminação.
Existem três tipos de cones, cada um sensível a uma cor diferente. Estão associados à visão fotópica, permitindo a perceção das cores quando existe luz suficiente.
Tipos de Cones?
Os cones respondem principalmente a três cores da luz: • vermelho • verde • azul
Vermelho
O vermelho é uma das três cores primárias do modelo RGB. Quando combinado com o verde e o azul em diferentes intensidades, permite criar milhares de outras cores.
Verde
O verde é uma das cores fundamentais do modelo RGB. A combinação do verde com o vermelho e o azul permite gerar muitas tonalidades diferentes.
Azul
O azul é a terceira cor primária do modelo RGB. A mistura destas três cores de luz permite criar quase todas as cores visíveis num ecrã.
Branco
Quando as três cores de luz (vermelho, verde e azul) são combinadas na intensidade máxima, o resultado é a cor branca. Diferentes combinações destas cores permitem produzir milhões de cores diferentes.
Amarelo
O amarelo é uma das cores base utilizadas para criar outras cores quando combinado com o ciano e o magenta.
Magenta
O magenta é uma cor semelhante ao rosa ou púrpura e é uma das cores primárias utilizadas na impressão.
Ciano
O ciano é uma das cores básicas do modelo CMYK e corresponde a um tom de azul claro utilizado na impressão.
Preto
O preto é utilizado para melhorar a definição, o contraste e os detalhes nas imagens impressas.
Saturation representa a intensidade ou pureza da cor. Uma cor com alta saturação é forte e viva, enquanto uma cor com baixa saturação parece mais pálida ou acinzentada.
Hue representa a tonalidade da cor, ou seja, a cor propriamente dita. Corresponde à posição da cor no círculo cromático, como vermelho, azul, verde ou amarelo.
Value representa o brilho ou luminosidade da cor. Valores altos produzem cores mais claras, enquanto valores baixos produzem cores mais escuras.
A cor é uma perceção visual resultante da interação entre a luz, os objetos e o olho humano. Quando a luz incide sobre um objeto, parte dessa luz é refletida e interpretada pelo nosso cérebro como diferentes cores.
Alta resolução
imagem nítida, muitos detalhes, pixels quase invisíveis.
Baixa resolução
pixels grandes, imagem mais desfocada, menos detalhe.
As cores na Web são representadas por códigos hexadecimais (RGB).
Um código hexadecimal é formado por seis caracteres, que representam a intensidade das cores vermelho, verde e azul (RGB).Exemplo #RRGGBB Explicação: RR → vermelho GG → verde BB → azul
A cor é uma perceção visual resultante da interação entre a luz, os objetos e o olho humano. Quando a luz incide sobre um objeto, parte dessa luz é refletida e interpretada pelo nosso cérebro como diferentes cores.
Modelo de cor RGB
O modelo RGB representa as cores através da combinação de três cores de luz: vermelho, verde e azul.
Complementaridade de cores
Cores complementares são cores opostas no círculo cromático.
Quando colocadas lado a lado produzem um forte contraste.
O que é indexação de cores?
É uma forma de guardar cores numa imagem usando uma tabela de cores para reduzir o tamanho do ficheiro.
A COR NOS SISTEMAS DIGITAIS
Diana
Created on March 15, 2026
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Practical Microsite
View
Essential Microsite
View
Akihabara Microsite
View
Essential CV
View
Akihabara Resume
View
Momentum: Manager Guide
View
Momentum: First Operational Steps
Explore all templates
Transcript
A COR NOS SISTEMAS DIGITAIS
Aplicações Informáticas B
ENTRAR NA EXPERIÊNCIA
Diana - nº3, Maria - nº8, Melanie - nº 12, Santiago - nº 16 - 12ºE
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
O que é a Cor?
A cor resulta da interação entre a luz e os objetos e da forma como o olho humano a perceciona..
E a LUZ?
Nos sistemas digitais, as cores são representadas através de diferentes modelos e tecnologias que permitem reproduzir milhões de tonalidades.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
A luz visível é composta por diferentes comprimentos de onda.
E a luz?
Espetro visível
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Como vemos as cores
A perceção da luz e das cores é feita por células da retina chamadas bastonetes e cones.
Tipos de Cones?
o que são os Bastonetes?
o que são os Cones?
A combinação dos sinais dos diferentes cones permite ao cérebro interpretar milhões de cores.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Modelo de cor RGB
O modelo RGB é um modelo aditivo, baseado na mistura de luz das cores vermelho, verde e azul.
vermelho + verde → amarelo vermelho + azul → magenta azul + verde → ciano
Red (vemelho)
O modelo RGB é utilizado em dispositivos que emitem luz, como ecrãs digitais:
Geen (verde)
Blue (azul)
📺 televisões 💻 monitores 📱 smartphones
A combinação de vermelho, verde e azul permite aos ecrãs representar milhões de cores diferentes.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Modelo de cor CMYK
As cores são criadas através da mistura de tintas e não de luz.
O modelo CMYK é um modelo subtrativo, baseado na mistura de tintas ciano, magenta, amarelo e preto
Cian (ciano)
Porque existe o preto (K)
A mistura de ciano, magenta e amarelo deveria produzir preto. No entanto, na prática resulta num castanho escuro. Por isso utiliza-se tinta preta adicional para melhorar o contraste, a nitidez e reduzir o consumo de tinta.
Black (preto)
Magenta
O modelo CMYK é utilizado na impressão de imagens em papel como em
Yellow (amarelo)
📄 revistas 📚 livros
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Modelo de Cor HSV
O modelo HSV permite descrever as cores de forma mais intuitiva, separando a tonalidade, a intensidade e o brilho.
O modelo HSV representa as cores de uma forma mais intuitiva, utilizando três características principais: tonalidade, saturação e valor (brilho).
Uma cor saturada é intensa e viva.
Uma cor desaturada parece mais apagada.
Valor ou Brilho
Saturação
Tonalidade
O modelo HSV é frequentemente utilizado em programas de edição de imagem porque facilita a seleção e o ajuste das cores.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Pixel
Uma imagem digital é composta por milhares ou milhões de pequenos pontos chamados pixels.
A palavra pixel resulta da expressão inglesa picture element, que significa “elemento da imagem”.
Cada pixel guarda informação sobre a cor que deve ser apresentada naquele ponto da imagem.
Quanto maior for o número de pixels de uma imagem, maior será o nível de detalhe que ela pode apresentar.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Resolução da Imagem
A resolução corresponde ao número de pixels que compõem uma imagem.
Quanto maior a resolução → mais detalhe na imagem Quanto maior a resolução → maior tamanho do ficheiro
Imagens com maior resolução apresentam melhor qualidade visual, mas ocupam mais espaço de armazenamento.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Profundidade de cor
Quanto maior for a profundidade de cor, maior será o número de cores que podem ser representadas. A profundidade de cor indica quantos bits são usados para representar a cor de cada pixel numa imagem digital.
Bits Número de cores1 bit 2 cores 8 bits 256 cores 16 bits 65 536 cores 24 bits 16,7 milhões de cores
As imagens digitais modernas utilizam normalmente 24 bits por pixel, permitindo representar cerca de 16,7 milhões de cores.
Uma maior profundidade de cor permite representar transições de cor mais suaves e imagens mais realistas.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Indexação de cores
Na indexação de cores, o pixel não guarda a cor completa. Guarda apenas um número. Esse número corresponde a uma cor numa tabela chamada paleta de cores. Dessa maneira ocupa menos espaço e memória.
Índice Cor 0 preto 1 azul 2 verde 3 vermelho
Pixel =3
o pixel guarda um número - o número aponta para uma cor na paleta - essa cor é mostrada na imagem.
Paleta de cores
As paletas de cores são utilizadas em imagens com indexação de cores para reduzir o tamanho dos ficheiros e da memória necessária.
🟥 🟩 🟦 🟨 🟪 🟧
Complementariedade de cores
As cores complementares são utilizadas em design gráfico para criar contraste e destacar elementos.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Cores HTML
As cores HTML são utilizadas em páginas web e são normalmente representadas através de códigos hexadecimais.
Nos primeiros computadores e monitores, nem todas as cores eram apresentadas da mesma forma.Para evitar diferenças entre dispositivos, os designers utilizavam uma paleta limitada de cores que eram reproduzidas de forma consistente.
Atualmente os monitores conseguem representar milhões de cores, pelo que a limitação das 216 cores seguras deixou de ser necessária.
Representação das cores
Conclusão
Cores HTML
Profundidade
Resolução
Como vemos as cores?
A cor
A luz
Pixel
ModeloRGB
ModeloCMYK
Modelo HSV
Conclusão
A representação das cores é fundamental nos sistemas digitais e na produção de conteúdos multimédia.As cores são percecionadas pelo olho humano e são representadas através de diferentes modelos de cor.
A luz visível é composta por diferentes comprimentos de onda que correspondem a diferentes cores. O olho humano perceciona as cores através das células da retina chamadas cones. Nos dispositivos digitais as cores são representadas através de modelos como RGB, CMYK e HSV. A qualidade das imagens digitais depende de fatores como pixel, resolução e profundidade de cor.
A compreensão destes conceitos é essencial para o desenvolvimento e utilização de imagens, vídeos e conteúdos multimédia no mundo digital.
O que são os bastonetes?
Os bastonetes são células da retina sensíveis à luminosidade. Permitem ver em ambientes com pouca luz, mas não distinguem cores.
São responsáveis pela visão noturna. Estão associados à visão escotópica, permitindo ver em ambientes com pouca luz, mas sem distinguir cores.
LUZ
A luz é uma forma de energia que se propaga através de ondas eletromagnéticas. Apenas uma pequena parte dessas ondas pode ser vista pelo olho humano. Essa parte chama-se luz visível e é responsável pelas cores que conseguimos observar.
Comprimento de onda
O comprimento de onda corresponde à distância entre duas ondas consecutivas de luz. Cada comprimento de onda produz uma cor diferente. Na luz visível os valores variam aproximadamente entre 380 nm e 700 nm.
Cor
A cor é a forma como o nosso cérebro interpreta a luz refletida pelos objetos. Diferentes comprimentos de onda da luz são percebidos como cores diferentes, como violeta, azul, verde, amarelo, laranja e vermelho.
O que são os cones?
Os cones são células da retina responsáveis pela perceção das cores. Funcionam melhor em ambientes com boa iluminação.
Existem três tipos de cones, cada um sensível a uma cor diferente. Estão associados à visão fotópica, permitindo a perceção das cores quando existe luz suficiente.
Tipos de Cones?
Os cones respondem principalmente a três cores da luz: • vermelho • verde • azul
Vermelho
O vermelho é uma das três cores primárias do modelo RGB. Quando combinado com o verde e o azul em diferentes intensidades, permite criar milhares de outras cores.
Verde
O verde é uma das cores fundamentais do modelo RGB. A combinação do verde com o vermelho e o azul permite gerar muitas tonalidades diferentes.
Azul
O azul é a terceira cor primária do modelo RGB. A mistura destas três cores de luz permite criar quase todas as cores visíveis num ecrã.
Branco
Quando as três cores de luz (vermelho, verde e azul) são combinadas na intensidade máxima, o resultado é a cor branca. Diferentes combinações destas cores permitem produzir milhões de cores diferentes.
Amarelo
O amarelo é uma das cores base utilizadas para criar outras cores quando combinado com o ciano e o magenta.
Magenta
O magenta é uma cor semelhante ao rosa ou púrpura e é uma das cores primárias utilizadas na impressão.
Ciano
O ciano é uma das cores básicas do modelo CMYK e corresponde a um tom de azul claro utilizado na impressão.
Preto
O preto é utilizado para melhorar a definição, o contraste e os detalhes nas imagens impressas.
Saturation representa a intensidade ou pureza da cor. Uma cor com alta saturação é forte e viva, enquanto uma cor com baixa saturação parece mais pálida ou acinzentada.
Hue representa a tonalidade da cor, ou seja, a cor propriamente dita. Corresponde à posição da cor no círculo cromático, como vermelho, azul, verde ou amarelo.
Value representa o brilho ou luminosidade da cor. Valores altos produzem cores mais claras, enquanto valores baixos produzem cores mais escuras.
A cor é uma perceção visual resultante da interação entre a luz, os objetos e o olho humano. Quando a luz incide sobre um objeto, parte dessa luz é refletida e interpretada pelo nosso cérebro como diferentes cores.
Alta resolução
imagem nítida, muitos detalhes, pixels quase invisíveis.
Baixa resolução
pixels grandes, imagem mais desfocada, menos detalhe.
As cores na Web são representadas por códigos hexadecimais (RGB).
Um código hexadecimal é formado por seis caracteres, que representam a intensidade das cores vermelho, verde e azul (RGB).Exemplo #RRGGBB Explicação: RR → vermelho GG → verde BB → azul
A cor é uma perceção visual resultante da interação entre a luz, os objetos e o olho humano. Quando a luz incide sobre um objeto, parte dessa luz é refletida e interpretada pelo nosso cérebro como diferentes cores.
Modelo de cor RGB
O modelo RGB representa as cores através da combinação de três cores de luz: vermelho, verde e azul.
Complementaridade de cores
Cores complementares são cores opostas no círculo cromático. Quando colocadas lado a lado produzem um forte contraste.
O que é indexação de cores?
É uma forma de guardar cores numa imagem usando uma tabela de cores para reduzir o tamanho do ficheiro.