Раз в неделю мы отправляем дайджест с самыми популярными статьями.

Основы работы с цветами в HTML и CSS

Цвета в HTML — пример файла index.html с комментариями

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="colors.css">
    <title>Шестнадцатеричные Цвета</title>
</head>
<body>
	<p class="red">Это красный параграф</p>
	<span>Это "span"</span>
	<p>Вы можете найти любой шестнадцатеричный цвет на своём любимом сайте просто печатая: <strong>"шестнадцатеричные цвета"</strong>.</p>
	<h3>Вот некоторые примеры сайтов где можно легко выбрать шестнадцатеричный цвет </h3>
	  <ol>
	    <li><a href="http://www.color-hex.com/color-palettes/">Color-Hex</a></li>
		<li><a href="https://color.adobe.com/create/color-wheel/">Adobe Color Wheel</a></li>
		<li><a href="http://www.w3schools.com/cssref/css_colorsfull.asp">W3Schools hex values</a></li>
	  </ol>


</body>
</html>

Цвета в CSS — пример файла colors.css с комментариями

/*Шестнадцатеричные цвета*/
/*Вы можете выбирать разные цвета в CSS, используя шестнадцатеричные числа*/

.red {
    /*Это пример цвета, определенного с помощью слова red*/
    color: red;
    /*Это пример того же цвета, определенного с помощью шестнадцатеричного числа */
    color:#FF0000;
}
/*Каждое шестнадцатеричное число состоит из трёх разных частей*/

/* Первые два числа указывают сколько красного цвета */
/* Вторые два числа указывают сколько зелёного цвета */
/* Последние два числа указывают сколько синего цвета */

/*Десятеричное представление цвета: Числовое значение для каждой из перечисленных частей колеблется от 0 до 255  */
/*Шестнадцатеричное представление цвета: Цветовое значение колеблется от 00 до FF  */

span {
    color:#FFFF00;
    color:black;
}

/*Цвета*/
/*Используя шестнадцатеричные значения цвета, мы получаем 256 возможных комбинаций для каждого из трёх цветовых значений*/