Нежно голубой цвет код. Задание цвета в HTML по его названию. Пример: Задание цвета с помощью RGB

Деятельность человека связана с расходованием энергии. Ее количество измеряется в калориях. Для нормальной жизнедеятельности необходимо постоянно пополнять организм энергией, которая поступает в него в виде пищи.

Суточная норма потребления калорий зависит от пола, рода деятельности и возраста человека. Например, мужчинам нужно больше энергии в день, чем женщинам. А активные молодые люди, которые еще растут и развиваются, тратят ежедневно больше калорий по сравнению со взрослыми людьми.

Суточная норма калорий для мужчин

Для активных мужчин

  • до 30 лет: 3000 калорий;
  • от 30 до 50 лет: в пределах 2800 - 3000 калорий;
  • старше 51 года: 2800 - 2400 калорий.

Для мужчин при малоподвижном стиле жизни

  • до 30 лет: 2400 калорий;
  • с 31 до 50 лет: 2200 калорий;
  • после 51 года достаточно 2000 калорий в сутки.

Для мужчин при умеренном образе жизни

  • 19-30 лет: 2600 - 2800 калорий;
  • 31-50 лет: 2400 - 2600 калорий;
  • от 51 года: 2200 - 2400 калорий.

Суточная норма калорий для женщин

Для умеренно-активных женщин

  • до 25 лет достаточно потреблять в сутки 2200 калорий для нормального функционирования их организма;
  • в 25-50 лет рекомендованная суточная норма - 2200 калорий
  • старше 51 года: достаточно всего 1800 калорий.

При малоподвижном стиле жизни

  • молодым девушкам до 25 лет вполне хватит 2000 калорий;
  • женщинам от 26 до 50 лет оптимально потреблять не больше 1800 калорий;
  • после 51 года необходимо сократить потребление до 1600 калорий.

При активном стиле жизни

  • молодые женщины 19 - 30 лет могут потреблять 2400 калорий;
  • женщины в зрелом возрасте 31 - 60 лет нуждаются в 2200 калориях;
  • женщинам после 61 года рекомендована суточная норма в пределах 2000 калорий.

Индивидуальный расчет суточной нормы калорий

Вышеприведенные значения суточных норм калорий обобщенные и примерные. А ведь каждый человек индивидуален и у него свой рост, вес, мышечная масса и степень активности. Поэтому ученые вывели формулы, позволяющие рассчитать суточную норму калорий для разных людей.


Сначала вычисляется количество калорий, необходимых человеку в состоянии полного бездействия и при комфортной температуре. Другими словами, в первую очередь нужно узнать, сколько организму необходимо энергии для функционирования его внутренних органов без физических и эмоциональных нагрузок. Обычно этот показатель в лабораторных условиях измеряется в лежачем положении и при отсутствии бурных эмоций. Для измерения его в домашних условиях были выведены формулы определения величины основного обмена (ВОО).

Формулы вычисления ВОО

  • Для мужчин:

66 + (13.7 х вес в кг) + (5 х рост в см) - (6.8 х возраст в годах)

  • Для женщин:

655 + (9.6 х вес в кг) + (1.8 х рост в см) - (4.7 х возраст в годах)

Например:

Для 39-летней женщины весом 70 кг и ростом 168 см ВОО вычисляется так:

655 + (9,6 *70) + (1,8 *168) - (4,7*39)=1446,1 калорий

Формула расчета ежедневной потребности калорий (СПК)

СПК = коэффициент активности x ВОО

Определение значения коэффициента активности

  • 1,2 - при образе жизни без физических нагрузок;
  • 1,375 - при облегченном физическом труде;
  • 1,55 - при средних, умеренных физических нагрузках;
  • 1,75 - при тяжелых физических нагрузках;
  • 1,9 - при особо тяжелом физическом труде.

Например:

При ВОО= 1446,1 и при средней активности (берем коэффициент - 1,55) дневная норма определяется следующим образом:

СПК = 1446,1*1,55= 2241,46 калорий

Удобно использовать для подсчета суточной нормы калькулятор калорий.

Суточная норма калорий для похудения

Зная свое значение СПК, можно решить проблему с лишним весом. Для этого стоит просто уменьшить поступление энергии в организм с пищей. Так можно создать дефицит калорий, что приведет организм к необходимости израсходовать свои запасы - жир.

В каких пределах сокращать потребляемые калории для снижения массы тела безопасно? Это очень важный вопрос, потому что при неправильно созданном дефиците энергии обязательно пострадает самочувствие и здоровье худеющего. Для потери лишних килограммов необходимо уменьшить значение СПК на 500 - 1000 единиц. Но при этом минимальное количество ежедневно потребляемых калорий при похудении для мужчин - 1800, а для женщин - 1200. Ниже этих значений очень опасно создавать дефицит энергии в организме.

Существует множество мифов о похудении. В погоне за красивым телом девушки морят себя голодом, истязают тренировками. Часто все эти эксперименты заканчиваются срывами и прибавкой к весу. Чтобы похудеть, обязательно нужно есть, но при этом вести подсчет КБЖУ. Рассчитать суточную норму калорий для женщины при похудении можно с помощью специальных калькуляторов, приложений на смартфонах, по итогу вы будете знать, сколько килокалорий необходимо в день организму, чтобы худеть.

Что такое калории

Энергетическая ценность продукта, указанная на упаковке или в соответствующих таблицах, исчисляется в килокалориях. Калории – это единицы измерения энергоценности продуктов питания, т. е. сколько энергии должен затратить организм человека, чтобы переработать пищу. В 1 ккал – 1000 кал, это важно помнить при подсчете калоража. Суточная калорийность для похудения тоже измеряется килокалориями.

Суточная норма калорий

Определенное количество пищи, которое необходимо употребить человеку, чтобы обеспечить нормальное функционирование организма – калораж или норма калорий в день. Когда мы спим, моргаем, осуществляем вдох, выдох, мы затрачиваем энергию. Во время голодания организм истощается. Он не получает дневную дозу энергии и начинает «доставать» ее из запасов. Основной запас (гликемический) находится в печени, если его вовремя не восстановить, то организм начинается брать полезные вещества из мышц, вызывая катаболические процессы, только после этого – из жировой ткани.

Вес может стоять по двум причинам: либо вы переедаете, либо недоедаете. Когда организм не получает достаточного количества энергии, он начинает откладывать ее про запас, в так называемые жировые ловушки, на случай стрессовых ситуаций, голодовки. Избыток килокалорий приводит к жировым отложениям, повышению уровня холестерина и, впоследствии, к ожирению. Зигзаг калорийности (неравномерное потребление килокалорий) нарушает обмен веществ. Поэтому важно придерживаться среднесуточной нормы.

Дневная норма калорий для женщин

Диетологами рекомендована суточная норма калорий для женщин в количестве 2100-3000 ккал, этого хватит покрыть основной расход энергии на метаболизм. Чтобы скорректировать вес, необходимо незначительно уменьшить/увеличить этот показатель. Часто люди сознательно занижают калорийность рациона до минимума, наивно думая, что так можно быстрее похудеть.

Калории для похудения

Часто можно встретить в интернете и соответствующей литературе по диетологии диеты на минимальные 1500 ккал, но этого количества недостаточно. Чтобы комфортно сбрасывать вес, нужно сократить количество калорий для похудения примерно на 10% (создать дефицит 100-200 килокалорий). Суточная норма калорий для похудения каждой женщины индивидуальна.

Расчет калорий для похудения

Существуют программы-счетчики на смартфонах, специальные онлайн-калькуляторы. С их помощью можно рассчитать норму калорий в день. Также калораж можно высчитать вручную по формулам, которые эти сервисы и используют, например, по формуле Миффлина-Сан Жеора или Гарриса-Бенедикта. Они учитывают параметры человека: вес, рост, возраст, уровень активности, которые умножаются на соответствующие коэффициенты. Кроме калоража, нужно соблюдать баланс нутриентов: белков, жиров, углеводов. Соотношение БЖУ при похудении – 40%/20%/40%.

Важно питаться правильно. Рацион должен состоять из здоровых продуктов высокого качества. Желательно ограничить потребление сладостей, особенно магазинных. Чтобы утолить эту потребность, можно съесть немного сухофруктов, ягод или меда, но строго ограничивайте количество. Употребляйте больше свежих овощей, фруктов. Достаточное потребление воды (40 мл на 1 кг веса) ускорит обменные процессы и будет способствовать быстрому выведению жировых клеток.

Суточная норма калорий для похудения высчитывается в приложении за несколько секунд, подсчитать БЖУ тоже не составит труда. После определения нормы на начальном этапе нужно четко контролировать потребление пищи, фиксировать в программах или вручную. Придерживаясь такого режима, за неделю можно похудеть на 2 кг. Следует увеличить физическую нагрузку, чтобы достигнуть максимального эффекта. В дальнейшем вы сможете на глаз определить примерный калораж и вес блюд.

Формула расчета калорий для похудения

Количество энергии, требующееся для обеспечения нормального функционирование организма человека, называется основным обменом веществ (ООВ). Ежедневно 70% от всей потребляемой пищи идет на ООВ, 10% на переваривание пищи, 20% на остальную деятельность. Формула для расчета калорий в день Миффлина-Сан Жеора женщинам:

ООВ = (10 × вес (кг)) + (6,25 × рост (см)) – (5 × возраст (годы)) – 161.

Формула расчета калорий для похудения для женщин Гарриса-Бенедикта (допустимое отклонение ±200 ккал):

ООВ = 447,593 + (9,247 × вес (кг)) + (3,098 × рост (см)) – (4,330 × возраст (годы)).

Таблица калорий для похудения

Представлены в таблице калории в день для женщин. Диапазон – минимум-максимум килокалорий. Дневная норма калорий для женщин для похудения в зависимости от возрастной категории и образа жизни:

Образ жизни

Малоподвижный, сидячий

Чтобы иметь стройную фигуру недостаточно просто сидеть на диете, ведь без физических нагрузок накопленные калории расходуются очень медленно и неэффективно. Таблица сжигания калорий при различных физических нагрузках поможет соореинтироваться при выборе чем лучше заняться.

Активный образ жизни помогает организму за короткий срок избавиться от лишних калорий, а значит, дает возможность быстро похудеть. В этой статье мы расскажем, что сжигает калории лучше всего и как быстро похудеть, не прибегая к изнуряющим диетам. А контролировать расход энергии и работу организма можно с помощью специальных фитнес браслетов с пульсометром и будильником .

Сколько калорий сжигается при физических нагрузках

Калории – это энергия, получаемая организмом в процессе питания. Избыток калорий преобразовывается в жировую массу, которая делает фигуру толстой и бесформенной. Избавиться от жировых накоплений можно с помощью различных физических нагрузок, которые не только способны убрать лишние килограммы, но сделать фигуру стройной и подтянутой. Что сжигает калории лучше всего , не принося вред организму, рассмотрим поэтапно.

  • Бег или ходьба на беговой дорожке, степпере способна за час занятий убрать около 300 – 400 калорий. Хорошо зарекомендовал себя и тренажер «экслалатор», имитирующий ходьбу по лестнице. Но этот вид занятий задействует только нижние мышцы тела, в то время, как верхние остаются безучастны, а значит не тренируются.
  • Езда на велосипеде помогает сжечь примерно 300-500 кал/час, все будет завесить от интенсивности кручения педалей. Но очень полным и неподготовленным людям эта нагрузка может показаться чрезмерной и непосильной. К тому же у этого вида спорта имеется ряд противопоказаний.
  • Аэробика способна за час удалить из организма до 500 калорий. Ритмичный темп занятий способствует похудению и преображению фигуры в целом. Но болезни спины, суставов, заболевания сердечно-сосудистой системы являются довольно весомыми аргументами против такого вида похудения. В этом случае рекомендуется занятие аквааэробикой.
  • Аквааэробика – это такая же аэробика, но в бассейне. За час занятий можно сжечь более 600 калорий, что равносильно быстрому бегу на лыжах. К достоинствам этого вида занятий можно отнести легкость выполнения упражнений, что обеспечивается уменьшением веса тела в воде. При регулярных занятиях происходит динамичное сжигание жировых запасов, кожа подтягивается и становится упругой. Практически не имеет противопоказаний и рекомендована даже беременным женщинам. Таблица расхода калорийдоказывает высокую эффективность аквааэробики в бассейне.
  • Плавание – это идеальный вид спорта для похудения. Поскольку вода создает большую сопротивляемость, то похудение происходит с большей интенсивностью. Так, за час простого барахтанья в воде можно скинуть до 300 калорий, а занятие брасом или баттерфляем может избавить от 700 калорий. К тому же плавание повышает выносливость, подтягивает кожу и создает атицеллюлитный массаж.

Если целью стоит похудение, то таблица расхода калорий при физических нагрузках поможет четко понять, какому виду спорта нужно отдать предпочтение. При выборе стоит учитывать индивидуальные особенности организма, противопоказания и тренировочные нагрузки. Желательно ежедневно записывать расход калорий, что позволит создать идеальное сочетание занятий физической культурой и калорийностью продуктов. Если соотношение будет правильным, то лишние килограммы начнут таять на глазах.

Таблица расхода калорий при физических нагрузках

Вид деятельности

Расход килокалорий в час

на 1 кг веса

на 50 кг веса

на 60 кг веса

на 70 кг веса

на 80 кг веса

ЗАНЯТИЯ СПОРТОМ

ПЛАВАНИЕ И ВОДНЫЕ ВИДЫ СПОРТА
Плавание (0,5 км/ч)
Медленное плавание брассом
Плавание (2,5 км/ч)
Медленное плавание кролем
Плавание быстрым кролем
Аквааэробика
Водные лыжи
Водное поло
ЕЗДА И КАТАНИЕ
Езда на велосипеде (9 км.ч)
Езда на велосипеде (15 км/ч)
Езда на велосипеде (20 км/ч)
Верховая езда рысью
Катание на роликах
Ходьба на лыжах
Спуск с горы на лыжах
Катание на коньках
Скоростной бег на коньках
Фигурное катание
Гребля академическая (4 км/ч)
Гребля на каноэ (4 км/ч)
ЗАНЯТИЯ В ЗАЛЕ
Растяжка
Статическая йога
Аштанга-йога
Занятия гимнастикой (легкие)
Зарядка средней интенсивности
Занятия гимнастикой (энергичные)
Занятия аэробикой
Прыжки через скакалку
Силовая тренировка на тренажерах
Занятия на эллиптическом тренажере
ИГРОВЫЕ ВИДЫ СПОРТА
Хоккей
Хоккей на траве
Бадминтон (в напряженном темпе)
Футбол
Гандбол
Баскетбол
Волейбол
Настольный теннис (парный)
Бадминтон (в умеренном темпе)
Теннис
Борьба
ХОДЬБА И БЕГ
Спортивная ходьба
Бег (8 км/ч)
Бег (16 км/ч)
Бег по пересеченной местности
Бег вверх и вниз по ступенькам
Бег вверх по ступенькам

ФИЗИЧЕСКАЯ АКТИВНОСТЬ И РАЗВЛЕЧЕНИЯ

Занятия балетом
Танцы высокой интенсивности
Танцы современные
Танцы диско
Бальные танцы
Танцы низкой интенсивности
Танцы медленные (вальс, танго)
Медленная ходьба
Пеший туризм (4 км/ч)
Пешая прогулка (со скоростью 5,8 км/ч)
Ходьба, 7,2 км/ч
Ходьба в гору (уклон 15%, 3,8 км/ч)
Прогулка с собакой
Шоппинг
Управление машиной
Управление скутером или мотоциклом
Рыбалка
Дайвинг
Боулинг
Альпинизм

ЗАБОТА О ДЕТЯХ

Игра с детьми сидя
Кормление и одевание ребенка
Купание ребенка
Перенос маленьких детей на руках
Игра с детьми с ходьбой и бегом
Игры с ребенком (умеренная активность)
Игры с ребенком (высокая активность)
Прогулка с коляской
Прогулка с детьми в парке

ДОМАШНЯЯ РАБОТА

Мытье окон
Чистка стекол, зеркал
Чистка ковров пылесосом
Вытирание пыли
Приготовление пищи
Глажка белья (стоя)
Мытьё посуды
Лёгкая уборка
Подметание
Чистка сантехники

ПРОФЕССИИ И ЗАНЯТИЯ

Пение
Игра на гитаре стоя
Игра на гитаре сидя
Игра на пианино
Работа пильщика дров
Работа каменщика
Колка дров
Работа массажистом
Работа столяра или металлиста
Работа сапожника
Работа переплётчика
Укладка волос
Ручное шитьё
Вязание
Чтение вслух
Работа за компьютером
Быстрый набор текста на клавиатуре
Работа в офисе
Занятие в аудитории, урок
Секс (активный)
Сидение в покое
Прием пищи стоя
Персональная гигиена
Принятие душа
Разговор во время еды
Одевание и раздевание, примерка

Влад Мержевич

В HTML цвет задается одним из двух путей: с помощью шестнадцатеричного кода и по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный.

Шестнадцатеричные цвета

Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа от 10 до 15 заменены латинскими буквами. В табл. 6.1 приведено соответствие десятичных и шестнадцатеричных чисел.

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно (табл. 6.2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.

Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. При этом регистр значения не имеет, поэтому допустимо писать #F0F0F0 или #f0f0f0.

Типичный цвет, используемый в HTML, выглядит следующим образом.

Здесь цвет фона веб-страницы задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.

FA + 8E + 47 = FA8E47

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.

Чтобы легче ориентироваться в шестнадцатеричных цветах, примите во внимание некоторые правила.

  • Если значения компонент цвета одинаковы (например: #D6D6D6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый).
  • Ярко-красный цвет образуется, если красный компонент сделать максимальным (FF), а остальные компоненты обнулить. Цвет со значением #FF0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00FF00) и синим (#0000FF).
  • Желтый цвет (#FFFF00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 6.1), где представлены основные цвета (красный, зеленый, синий) и комплементарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00FFFF) получается за счет объединения синего и зеленого цвета.

Рис. 6.1. Цветовой круг

Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop. На рис. 6.2 показано окно для выбора цвета в этой программе, линией обведено полученное шестнадцатеричное значение текущего цвета. Его можно скопировать и вставить к себе в код.

Рис. 6.2. Окно для выбора цвета в программе Photoshop

Веб-цвета

Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселов других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей которых - красной, зеленой и синей - устанавливается одно из шести значений - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 - 216 цветов. Пример веб-цвета - #33FF66.

Основная особенность веб-цвета заключается в том, что он показывается одинаково во всех браузерах. В данный момент актуальность веб-цветов весьма мала из-за повышения качества мониторов и расширения их возможностей.

Цвета по названию

Чтобы не запоминать совокупность цифр, вместо них можно использовать имена широко используемых цветов. В табл. 6.3 приведены имена популярных названий цветов.

Табл. 6.3. Названия некоторых цветов
Имя цвета Цвет Описание Шестнадцатеричное значение
black Черный #000000
blue Синий #0000FF
fuchsia Светло-фиолетовый #FF00FF
gray Темно-серый #808080
green Зеленый #008000
lime Светло-зеленый #00FF00
maroon Темно-красный #800000
navy Темно-синий #000080
olive Оливковый #808000
purple Темно-фиолетовый #800080
red Красный #FF0000
silver Светло-серый #C0C0C0
teal Сине-зеленый #008080
white Белый #FFFFFF
yellow Желтый #FFFF00

Не имеет значения, каким способом вы задаете цвет - по его имени или с помощью шестнадцатеричных чисел. По своему действию эти способы равны. В примере 6.1 показано, как установить цвет фона и текста веб-страницы.

Пример 6.1. Цвет фона и текста

Цвета

Пример текста

В данном примере цвет фона задается с помощью атрибута bgcolor тега , а цвет текста через атрибут text . Для разнообразия значение у атрибута text установлено в виде шестнадцатеричного числа, а у bgcolor с помощью зарезервированного ключевого слова teal .

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов - красный, зеленый и синий - может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних - зеленую, а два последних - синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00.

По названию

Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Браузеры поддерживают некоторые цвета по их названию. В табл. 1 приведены названия, шестнадцатеричный код, значения в формате RGB, HSL и описание.

Табл. 1. Названия цветов
Имя Цвет Код RGB HSL Описание
white #ffffff или #fff rgb(255,255,255) hsl(0,0%,100%) Белый
silver #c0c0c0 rgb(192,192,192) hsl(0,0%,75%) Серый
gray #808080 rgb(128,128,128) hsl(0,0%,50%) Темно-серый
black #000000 или #000 rgb(0,0,0) hsl(0,0%,0%) Черный
maroon #800000 rgb(128,0,0) hsl(0,100%,25%) Темно-красный
red #ff0000 или #f00 rgb(255,0,0) hsl(0,100%,50%) Красный
orange #ffa500 rgb(255,165,0) hsl(38.8,100%,50%) Оранжевый
yellow #ffff00 или #ff0 rgb(255,255,0) hsl(60,100%,50%) Желтый
olive #808000 rgb(128,128,0) hsl(60,100%,25%) Оливковый
lime #00ff00 или #0f0 rgb(0,255,0) hsl(120,100%,50%) Светло-зеленый
green #008000 rgb(0,128,0) hsl(120,100%,25%) Зеленый
aqua #00ffff или #0ff rgb(0,255,255) hsl(180,100%,50%) Голубой
blue #0000ff или #00f rgb(0,0,255) hsl(240,100%,50%) Синий
navy #000080 rgb(0,0,128) hsl(240,100%,25%) Темно-синий
teal #008080 rgb(0,128,128) hsl(180,100%,25%) Сине-зеленый
fuchsia #ff00ff или #f0f rgb(255,0,255) hsl(300,100%,50%) Розовый
purple #800080 rgb(128,0,128) hsl(300,100%,25%) Фиолетовый

С помощью RGB

Internet Explorer Chrome Opera Safari Firefox Android iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Можно определить цвет, используя значения красной, зеленой и синей составляющей в десятичном исчислении. Каждая из трех компонент цвета принимает значение от 0 до 255. Также допустимо задавать цвет в процентном отношении, при этом 100% будет соответствовать числу 255. Вначале указывается ключевое слово rgb , а затем в скобках, через запятую указываются компоненты цвета, например rgb(255, 128, 128) или rgb(100%, 50%, 50%).

RGBA

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Формат RGBA похож по синтаксису на RGB, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.

RGBA добавлен в CSS3, поэтому валидацию CSS-кода надо проводить именно по этой версии. Следует отметить, что стандарт CSS3 еще находится в разработке и некоторые возможности в нем могут поменяться. К примеру, цвет в формате RGB добавленный к свойству background-color проходит валидацию, а добавленный к свойству background уже нет. При этом браузеры вполне корректно понимают цвет для того и другого свойства.

HSL

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

Название формата HSL образовано от сочетания первых букв Hue (оттенок), Saturate (насыщенность) и Lightness (светлота). Оттенок это значение цвета на цветовом круге (рис. 1) и задаётся в градусах. 0° соответствует красному цвету, 120° - зелёному, а 240° - синему. Значение оттенка может изменяться от 0 до 359.

Рис. 1. Цветовой круг

Насыщенностью называется интенсивность цвета, измеряется в процентах от 0% до 100%. Значение 0% обозначает отсутствие цвета и оттенок серого, 100% максимальное значение насыщенности.

Светлота задает, насколько цвет яркий и указывается в процентах от 0% до 100%. Малые значения делают цвет темнее, а высокие светлее, крайние значения 0% и 100% соответствуют чёрному и белому цвету.

HSLA

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Формат HSLA похож по синтаксису на HSL, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.

Значения цвета в форматах RGBA, HSL и HSLA добавлены в CSS3, поэтому при использовании этих форматов проверяйте код на валидность с учётом версии.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Цвета

Предупреждение

Все перечисленные на сайте методы ловли льва являются теоретическими и базируются на вычислительных методах. Авторы не гарантируют вашей безопасности при их использовании и снимают с себя всякую ответственность за результат. Помните, лев это хищник и опасное животное!

Арррргх!

Результат данного примера показан на рис. 2.

Рис. 2. Цвета на веб-странице