Cores HTML HEX
Estamos discutindo sobre Html Colors Hex . Nos códigos de cores hexadecimais, os componentes de uma cor são indicados pelos inteiros hexadecimais: RR (vermelho), GG (verde) e BB (azul).
Html Cores Valores HEX
As cores podem ser especificadas em HTML usando valores hexadecimais como:
#rrggbb _
Nesse caso, os valores hexadecimais de rr ( vermelho ), gg ( verde ) e bb ( azul ) correspondem aos números decimais de 00 a 255 .
O vermelho é definido como o valor mais alto ( ff ) quando #ff0000 é exibido, enquanto o verde e o azul são definidos como 00 .
Por exemplo, #00ff00 aparece em verde devido ao seu valor mais alto (ff) e 00 para os outros dois.
O parâmetro de cor #000000 será exibido em preto .
Para exibir o branco , defina todos os parâmetros de cor para fff, ou seja: #ffffff .
Os seguintes valores HEX podem ser misturados para ver o que acontece quando se trata de Html Colors Hex :
#ff6347
VERMELHO
VERDE
AZUL
Example
Exemplo de Explicação
O exemplo acima é um código HTML que define uma página da web com vários cabeçalhos ( elementos h1 ), cada um com uma cor de fundo diferente especificada usando o atributo de estilo inline.
O atributo style é usado para adicionar informações de estilo a um elemento HTML, neste caso, o elemento h1. A propriedade background-color define a cor de fundo do elemento e o valor é um código de cor hexadecimal. O código de cor hexadecimal é um código de seis dígitos que representa os componentes vermelho, verde e azul de uma cor.
Neste exemplo, cada elemento h1 tem uma cor de fundo diferente especificada usando um código de cor hexadecimal diferente. O primeiro elemento h1 tem fundo vermelho (#ff0000), o segundo tem fundo azul (#0000ff), o terceiro tem fundo esverdeado (#3cb371), o quarto tem fundo roxo (#ee82ee), o quinto tem fundo fundo laranja (#ffa500), e o sexto tem fundo roxo-azulado (#6a5acd).
Quando esse código for renderizado por um navegador da Web, ele exibirá uma página com seis títulos, cada um com uma cor de fundo diferente.
Tons de cinza
Os tons de cinza geralmente são definidos valorizando igualmente todos os três parâmetros:
Example
Exemplo de Explicação
O exemplo acima mostra um código HTML que define uma página da Web com vários títulos (elementos h1), cada um com uma cor de fundo diferente especificada usando o atributo de estilo inline, e alguns deles também têm uma cor de texto especificada.
Semelhante ao exemplo anterior, o atributo style é usado para adicionar informações de estilo a cada elemento h1. A propriedade background-color define a cor de fundo do elemento e o valor é um código de cor hexadecimal. Neste exemplo, cada elemento h1 tem uma cor de fundo diferente especificada usando um código de cor hexadecimal diferente.
Além da cor de fundo, alguns dos elementos h1 também possuem uma propriedade de cor especificada para definir a cor do texto. A propriedade color define a cor do texto e o valor também é um código de cor hexadecimal. Por exemplo, o quinto elemento h1 tem uma cor de fundo de #dcdcdc e uma cor de texto de #555555.
Quando esse código for renderizado por um navegador da Web, ele exibirá uma página com seis títulos, cada um com uma cor de fundo e uma cor de texto diferentes. O primeiro elemento h1 tem a cor de fundo #404040, o segundo tem a cor de fundo #686868, o terceiro tem a cor de fundo #a0a0a0, o quarto tem a cor de fundo #bebebe, o quinto tem a cor de fundo # dcdcdc e uma cor de texto de #555555, e o sexto tem uma cor de fundo de #f8f8f8 e uma cor de texto de #555555.
Conclusão
O sistema de cores HTML HEX é um dos métodos mais convenientes e amplamente utilizados para especificar cores em documentos HTML. Na notação hexadecimal, as cores são representadas por códigos de seis dígitos que representam os componentes vermelho, verde e azul. Você pode criar designs visuais ricos e variados para seus sites usando uma variedade de cores.
Você pode usar cores HEX em HTML para definir cores de fundo, cores de texto, cores de borda e outros elementos decorativos, como bordas e outros elementos decorativos. O atributo de estilo de um elemento HTML ou uma folha de estilo CSS externa pode especificá-los.
Além de escolher cores adequadas ao conteúdo e ao público, você deve garantir que o texto e outros conteúdos permaneçam legíveis e acessíveis. É importante garantir que o produto final seja visualmente atraente e funcional para todos os usuários, testando combinações de cores e acessibilidade com ferramentas como verificadores de contraste de cores.
