Alterando Cores de Texto no CSS
Anteriormente, adicionamos cores ao texto de maneira bastante intuitiva e direta. No entanto, vamos explorar os detalhes da aplicação de cores.
Cor
A cor do texto pode ser aplicada a um elemento de texto utilizando a propriedade CSS color, que pode receber um valor em vários formatos. Os valores de cor mais utilizados são RGB, hexadecimal e nomes de cores. Considere o exemplo a seguir, onde aplicamos a cor vermelha ao texto.
index.html
styles.css
Nota
É possível encontrar alguns modelos de cores interessantes em https://colorhunt.co/.
Formatos para Especificar Cor
Análise detalhada de cada formato.
Nome da Cor
É possível utilizar palavras reservadas para cores. A lista de cores reservadas pode ser encontrada em https://htmlcolorcodes.com.
Formato Hex
Hex representa cores como um código de seis dígitos composto por três pares de valores de dois dígitos. Cada par representa a intensidade de vermelho, verde e azul (nesta ordem).
Os valores no formato Hex variam de 00 (sem intensidade) a FF (intensidade máxima).
Formato RGB
RGB representa cores como uma série de três números que correspondem à intensidade de vermelho, verde e azul (nesta ordem)
Os valores no formato RGB variam de 0 (sem intensidade) até 255 (intensidade máxima).
Nota
Tanto os valores hex quanto rgb são amplamente utilizados no design web, e a escolha entre eles dependerá das preferências pessoais e dos requisitos do projeto.
Transparência
A transparência em cores rgb pode ser obtida utilizando a notação rgba (vermelho, verde, azul, alfa), onde alfa é o nível de opacidade ou transparência da cor.
O valor alfa pode variar de 0 (completamente transparente) até 1 (completamente opaco). Por exemplo, o valor RGBA rgba(0, 255, 0, 0.5) representa a cor verde com 50% de opacidade.
index.html
styles.css
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you explain the difference between hex, rgb, and color names in CSS?
How do I use rgba to add transparency to a color?
Where can I find a list of all reserved color names?
Awesome!
Completion rate improved to 2.56Alterando Cores de Texto no CSS
Deslize para mostrar o menu
Anteriormente, adicionamos cores ao texto de maneira bastante intuitiva e direta. No entanto, vamos explorar os detalhes da aplicação de cores.
Cor
A cor do texto pode ser aplicada a um elemento de texto utilizando a propriedade CSS color, que pode receber um valor em vários formatos. Os valores de cor mais utilizados são RGB, hexadecimal e nomes de cores. Considere o exemplo a seguir, onde aplicamos a cor vermelha ao texto.
index.html
styles.css
Nota
É possível encontrar alguns modelos de cores interessantes em https://colorhunt.co/.
Formatos para Especificar Cor
Análise detalhada de cada formato.
Nome da Cor
É possível utilizar palavras reservadas para cores. A lista de cores reservadas pode ser encontrada em https://htmlcolorcodes.com.
Formato Hex
Hex representa cores como um código de seis dígitos composto por três pares de valores de dois dígitos. Cada par representa a intensidade de vermelho, verde e azul (nesta ordem).
Os valores no formato Hex variam de 00 (sem intensidade) a FF (intensidade máxima).
Formato RGB
RGB representa cores como uma série de três números que correspondem à intensidade de vermelho, verde e azul (nesta ordem)
Os valores no formato RGB variam de 0 (sem intensidade) até 255 (intensidade máxima).
Nota
Tanto os valores hex quanto rgb são amplamente utilizados no design web, e a escolha entre eles dependerá das preferências pessoais e dos requisitos do projeto.
Transparência
A transparência em cores rgb pode ser obtida utilizando a notação rgba (vermelho, verde, azul, alfa), onde alfa é o nível de opacidade ou transparência da cor.
O valor alfa pode variar de 0 (completamente transparente) até 1 (completamente opaco). Por exemplo, o valor RGBA rgba(0, 255, 0, 0.5) representa a cor verde com 50% de opacidade.
index.html
styles.css
Obrigado pelo seu feedback!
