Alterando Cores de Texto no CSS
Anteriormente, adicionamos cores ao texto de maneira bastante intuitiva e direta. No entanto, vamos explorar em detalhes a 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 diversos 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
Podemos 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 consultada em https://htmlcolorcodes.com.
Formato Hexadecimal
Hexadecimal 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 hexadecimal 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) a 255 (intensidade máxima).
Tanto os valores hex quanto rgb são amplamente utilizados no design web, e a escolha entre eles depende de 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) a 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 choose which color format to use in my project?
Can you show more examples of using rgba for transparency?
Incrível!
Completion taxa melhorada para 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 em detalhes a 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 diversos 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
Podemos 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 consultada em https://htmlcolorcodes.com.
Formato Hexadecimal
Hexadecimal 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 hexadecimal 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) a 255 (intensidade máxima).
Tanto os valores hex quanto rgb são amplamente utilizados no design web, e a escolha entre eles depende de 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) a 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!
