Propiedades de cor CSS. códigos de cores

Unha das ferramentas para cambiar os estilos de páxina web - cor CSS. Existen varias formas de cambiar esta configuración. Cada un deles ten vantaxes e inconvenientes.

nome

A propiedade de cor Configura a cor do elemento. 145 tons de títulos incluídos na CSS. Entre eles hai simples (como negro, azul) e complexo (como o tinto, lawngreen).

Porque a listaxe de difícil lembrar o nome da folla de estilo son usados raramente.

RGB

Na maioría das TVs, smartphones, monitores traballar co modelo de cores RGB. É dicir, calquera cor pode ser definida como unha combinación de cores primarias, que son vermello, verde e azul. . Unha visión semellante é usado en ambos os dispositivos, e no CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. As cores son valores básicos composición sacar de 0 a 255. Un número de cores posibles é igual a 16777216.

Desde o modelo RGB está directamente relacionada coas leis físicas da imaxe en cor, o negro é nela fixada como o RGB (0, 0, 0), negro - RGB (255, 255, 255). sistema RGBA totalmente semellante para RGB, coa adición da canle alfa. Ela afecta a transparencia, que se mestura coa sombra de fondo. Nesta forma do elemento pode variar segundo o "substrato".

HSL

Para entender como o sistema HLS, ten que presentar unha roda de cores. No seu centro está vermello, entón (sentido horario) todas as outras cores do arco da vella. цвета при помощи системы HLS требуется задать три параметра: Para determinar as cores no CSS empregando o sistema HLS require tres parámetros:

• matiz (en graos) - na dirección do centro do círculo;
• saturación (porcentaxe) - Canta memoria precisa;
• brillo (en por cento).

Por exemplo, vermello pode ser determinada de forma tal: HSL (315, 100%, 45%). HSL é máis cómodo para os experimentos. Despois de estudar a roda de cores, pode, mentres observa a folla de estilo máis ou menos representan o que de memoria definido elemento específico. HSLA - HLS mesmo, só con alfa: HSL (0, 100%, 50, 0,6) - vermello, lixeiramente transparente máis da metade.

hEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . En CSS, pode definir a cor utilizando a representación hexadecimal, como laranxa determinado polo valor # FF4500.

Para unha mellor comprensión do que a representación hexadecimal, debe considerar aínda máis o sistema decimal. Ten números de 0 a 9. Cando a puntuación é necesario un número maior que 9, engadir outra categoría, e botan 10, despois 100, e D. así por diante. O sistema hexadecimal, todo exactamente o mesmo, pero é despois 9, entón B, e así por diante para F - o mesmo que 15 no sistema decimal. A continuación, engade un díxito, e botan 10 de 16 de conformidad usuais.

Como en RGB, cores HEX para indicar en que proporcións de usar cores primarias. Neste caso, non son separados por comas (color: # FFD500). Cada dous caracteres especificar o número de vermello, verde e azul.

CSS. Como norma xeral, o sistema HEX non se usa durante os experimentos, xa que é imposible atopar a cor CSS dereita. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. A táboa pode axudar nesta cuestión, pero se constantemente se refiren a el, o traballo vai ser adiada. representación hexadecimal é máis cómodo cando o modelo é trasladado do editor gráfico. É moito máis fácil copiar que un díxito de tres voltas.

Que forma é o mellor?

Por esta razón, non podemos dicir nada concreto. Os elementos da interface precisa transparencia, escoller entre RGBA e HSLA. Se desexa probar o navegador roda de cores HLS será o máis cómodo. Se está a usar unha paleta ou descargar o deseño do Photoshop, que prefire CSS códigos de cor hexadecimais.