O Nome das Cores em HTML


Essa dica de hoje é super simples, mas bem útil para quem está lidando com html há pouco tempo ou para quem já domina os códigos porque facilita alguma coisa na hora de editar. É sobre as cores; elas podem deixar um layout muito bonito dependendo de como você as combina, e é aí que você precisa saber qual o código correspondente a uma determinada cor, por exemplo, branco em html é #ffffff; toda cor que usar esse tipo de código precisa da "#"+um conjunto de letras maiúsculas ou minúsculas com ou sem números.
Mas, se você preferir, fica mais prático lembrar o nome da cor que deseja usar ao invés do código dela. Para isso, basta saber o nome dessa cor em inglês, ou seja, branco em inglês é white, então basta usar a palavra white no lugar em que colocaria o código #ffffff.
As variações das cores principais como rosa, azul, verde... também podem ser nomeadas; azul claro seria lightblue no html, rosa bebe ou clarinho, lightpink, verde mais escuro, darkgreen, tudo junto. Light = mais claro, mais suave, Dark = mais escuro.
Então, por exemplo, se você quiser que a cor de um background em seu html seja vermelho, você poderia usar: background: red;
Ou se quisesse que um texto estivesse na cor preta, poderia usar: color: black;
Para quem deseja saber o nome das 140 cores que existem em html, veja essa página do w3schools. A lista abaixo, contem minhas favoritas:
pink
lightpink
lavender
mistyrose
lightblue
hotpink
bisque
chocolate
cornsilk
lightcyan
deeppink
floralwhite
honeydew
lavenderblush
lemonchiffon
aliceblue
azure
antiquewhite
aqua
aquamarine
lightcoral
linen
mintcream
paleturquoise
peachpuff
plum
rosybrown
thistle






Postar um comentário

0 Comentários

up