Бирюзовый html. Учeбник HTML. Цвета RGB. Цвета безопасной палитры
Влад Мержевич
В 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) — синюю. В итоге получится такой цвет.
Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 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 приведены имена популярных названий цветов.
Имя цвета | Цвет | Описание | Шестнадцатеричное значение |
---|---|---|---|
black | Черный | #000000 | |
blue | Синий | #0000FF | |
fuchsia | Светло-фиолетовый | #FF00FF | |
gray | Темно-серый | #808080 | |
green | Зеленый | #008000 | |
lime | Светло-зеленый | #00FF00 | |
maroon | Темно-красный | #800000 | |
navy | Темно-синий | #000080 | |
olive | Оливковый | #808000 | |
purple | Темно-фиолетовый | #800080 | |
red |
Бирюзовый цвет — это… Что такое Бирюзовый цвет?
Бирюзовый | ||
---|---|---|
— Цветовые координаты — | ||
HEX | #30D5C8 | |
RGB¹ | (r, g, b) | (48, 213, 200) |
CMYK² | (c, m, y, k) | (77, 0, 6, 16) |
HSV | (h, s, v) | (175°, 77%, 84%) |
¹: Нормализовано к [0–255] |
Бирюзовый цвет — оттенок голубого и зелёного цветов, различается от светло-зелёного с голубизной до голубого, близкий к циану. Характерный цвет минералов бирюзы и хризоколлы.
Кусочек бирюзы, около 2,5 см в длинуПрименение
См. также
Оттенки зелёного цвета | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Бирюзовый цвет — это… Что такое Бирюзовый цвет?
Бирюзовый | ||
---|---|---|
— Цветовые координаты — | ||
HEX | #30D5C8 | |
RGB¹ | (r, g, b) | (48, 213, 200) |
CMYK² | (c, m, y, k) | (77, 0, 6, 16) |
HSV | (h, s, v) | (175°, 77%, 84%) |
¹: Нормализовано к [0–255] |
Бирюзовый цвет — оттенок голубого и зелёного цветов, различается от светло-зелёного с голубизной до голубого, близкий к циану. Характерный цвет минералов бирюзы и хризоколлы.
Кусочек бирюзы, около 2,5 см в длинуПрименение
См. также
Оттенки зелёного цвета | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Бирюзовый цвет — это… Что такое Бирюзовый цвет?
Бирюзовый | ||
---|---|---|
— Цветовые координаты — | ||
HEX | #30D5C8 | |
RGB¹ | (r, g, b) | (48, 213, 200) |
CMYK² | (c, m, y, k) | (77, 0, 6, 16) |
HSV | (h, s, v) | (175°, 77%, 84%) |
¹: Нормализовано к [0–255] |
Бирюзовый цвет — оттенок голубого и зелёного цветов, различается от светло-зелёного с голубизной до голубого, близкий к циану. Характерный цвет минералов бирюзы и хризоколлы.
Кусочек бирюзы, около 2,5 см в длинуПрименение
См. также
Оттенки зелёного цвета | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Бирюзовый цвет | Журнал Ярмарки Мастеров
Что нам может дать бирюзовый цвет? Ощущение прохлады моря в жаркий летний день, чувство расслабленности на пляже, свежесть и вдохновение.
Этот цвет тесно связан с летом и отдыхом, а в условиях увеличения нагрузки на городского жителя, передышка рядом с природой так необходима. Покупая вещи бирюзового и голубого цвета, вы дарите себе маленький отдых.
В восточных культурах значение бирюзового цвета — любовь, исцеление, щедрость, сознание, интуиция, личная ответственность, творчество, общение, уверенность в себе и независимость. Для них этот цвет имеет больше общего с чувствами, эмоциями и творческим самовыражением, чем с рациональным мышлением. Подвижность и текучесть цвета воды дает представление о духовной трансформации, метаморфозе, эволюции. Это внутренний учитель и духовное сердце.
Современным людям бирюзовый цвет дает ощущение баланса и уравновешенности.
Это цвет успешных людей. Они обычно знают свои потребности и легко находят путь к успеху. Если вы выберете этот цвет, то он поможет вам сосредоточиться, что приведет к ясности мыслей, а в таком состоянии легко принимать быстрые и правильные решения. Частое нахождение рядом с этим цветом помогает хорошо организовать свои способности.
Бирюзовый цвет в одежде
Уникальность бирюзового цвета состоит в том, что он пойдет представителям всех цветотипов. Стоит беспокоиться только о подборе оттенка соответствующего вашему контрасту внешности (разница между волосами и цветом кожи). Чем выше контрастность, тем более яркий оттенок вы можете себе позволить.
Наденьте берет или шарф бирюзового цвета – и ваша кожа будет выглядеть более теплой.
Наряды бирюзового цвета
А теперь поговорим о модных сочетаниях с несколькими бирюзовыми оттенками, о том, кому они подойдут, а так же о подборе цвета обуви и аксессуаров к ним.
1. Бледно-бирюзовый цвет
Этот цвет похож на аквамарин. Нежный, ласковый, струящийся цвет прозрачной морской воды. Его нельзя назвать бледным или ярким. Он подойдет любому цветотипу.
Этот цвет – спокойная нега, его лучше надевать на отдых, летние празднования. Расслабление, которому способствует этот цвет, будет лишним в будничной суете.
Украшения, которые подойдут к платью или блузке этого оттенка бирюзы: розово-оранжевый коралл, ракушки, жемчуг, золото и серебро. С ним будут сочетаться украшения цвета бледной гвоздики, желтые и оранжевые оттенки камней или бижутерии. Желательно использовать непрозрачные камни.
Бледно-бирюзовый хорошо смотрится с: персиково-розовым, кармином, золотисто-желтым, розово-коралловым, оранжево-коралловым, цветом морской волны, холодным оттенком зеленого, небесно-голубым, бордовым, лавандовым, аквамарином, бежевым, серебряным, золотым, бронзовым, коричневым.
2. Бирюзово-синий цвет
Этот цвет традиционно считают бирюзовым. Он яркий, но не ослепляющий. Энергичный, общительный, этот цвет к лицу всем. Цвет изменчив и в сочетании он придаст вам особую индивидуальность.
Этот цвет хорош как на пляже, так и в офисе, на вечеринке и дома – вам всегда в нем будет комфортно. Не проходите мимо этого цвета: он универсальный и будет уместен в любом гардеробе.
Из бижутерии бирюзово-синий сочетается с золотом, серебром, жемчугом, топазом, янтарем, кораллом, бирюзой. Любые синие оттенки в камнях и бижутерии приветствуются.
Рассмотрите сочетания цветов бирюзовый с ярко-розовым, красной розы, желтой охры, розово-коралловым, оранжевым, сине-зеленым, холодным салатовым, аквамарином, фиолетовым, синим, бело-голубым, белым, соломенно-бежевым, серебряным, золотым, бронзовым, коричневым.
3. Темно-бирюзовый цвет
Этот цвет похож на цвет морской волны. Это самый неяркий из бирюзовых оттенков, он так же подойдет всем, но особенно к нему стоит присмотреться представителям цветотипа «лето». Ненавязчивый, осторожный, мягкий цвет служит вам не заметно. Не акцентируя на себе внимания, он, прежде всего, преподносит вас, выгодно оттеняя кожу, глазам придает сине-зеленый блеск или создавая контраст с карими глазами.
Темно-бирюзовый цвет так же универсален, как и бирюзово-синий.
Из бижутерии к нему подойдут прозрачные камни любых синих, сиреневых, розовых оттенков; жемчуг, янтарь, агат, гранат, бирюза. К нему прекрасно подходят золото и серебро.
С каким цветом сочетается бирюзовый этого оттенка? С мягкими, не броскими. Возможно вам понравятся сочетания бирюзового с коралловым, лилово-розовым, малиново-коралловым, зелено-желтым, светло-песочным, оранжевым, сине-фиолетовым, сиреневым, светло-лавандовым, бордовым, лавандовым, кремовым, светло-бежевым, серебряным, золотым, бронзовым, коричневым.
4. Ярко-бирюзовый цвет
Как и в коралловых оттенках, в бирюзовых есть броские тона. Но ведь для яркой жизни нужны яркие краски. Ярко-бирюзовый цвет удивительный, редкий и красивый цвет. Он привлекает к себе взоры, увлекает за собой. Тропическая дива, райская птичка – вот определение образа, который создает этот цвет. Он подходит представителям цветотипа «зима» и «весна» при условии яркого макияжа.
Бижутерию для одежды ярко бирюзового цвета стоит подбирать из прозрачных камней любого синего или зеленого оттенка. Избегайте бледных украшений. Золото и серебро, жемчуг, коралл и бирюза вам тоже подойдут.
Какие цвета сочетаются с бирюзовым? Такие же яркие, звонкие. Присмотритесь к сочетаниям с розовым, желтым, желто-зеленым, розово-коралловым, неоново-зеленым, темно-синим, синим электрик, аквамарином, темно розовым, пурпуром, кремовым, серым, серебряным, золотым, бежево-коричневым, старой бронзой.
5. Бирюзово-зеленый цвет
Редкий, яркий и спокойный одновременно. Он унаследовал универсальность бирюзовых оттенков и спокойствие темно-бирюзового цвета. Цвет приживется в любом гардеробе. Сочетания с этим цветом могут быть сдержанными, скромно интеллигентными. Этот цвет может присутствовать как в деловом стиле, так и в непринужденном, для отдыха.
Украшения из золота, серебра, изумрудов будут хорошо смотреться рядом с этим цветом. Камни лучше выбирать прозрачные: розовых, синих, оранжевых, холодно зеленых оттенков. К нему подойдут украшения из дерева.
С чем сочетается бирюзовый цвет зеленого оттенка? Сочетания ненавязчивые, но с характером можно получить с нежно-розовым, коралловым лилово-розовым, бледно-песочным, розово-коралловым, цветом охры, изумрудным, нежно-голубым, темно-розовым, серо-коричневым, сиреневым, голубовато-сиреневым, бежево-розоватым, серебряным, золотым, бронзовым, коричневым.
6. Топазно-голубой цвет
Он тоже считается бирюзовым. Это более спортивный вариант, такого цвета часто бывают футболки. Но платья, посмотрите, выглядят тоже прекрасно. Этот голубовот-синий яркий оттенок по-своему нежен и больше подойдет для отдыха, праздников, спорта, чем для офиса.
С ним будет смотреться красный коралл, золото, серебро, жемчуг, бирюза, топазы, алмазы и аметисты, сиреневые, желтые, оранжевые и розовые камни.
Что сочетается с бирюзовым цветом? Определенные, насыщенные цвета, такие как нежно-розовый, темно-красный, бледно-желтый, розово-коралловый, оранжевый, зелено-бирюзовый, фиолетово-синий, синий, бледно-бирюзовый, темно-сиреневый, лавандовый, серый, серебряный, золотой, бежево-коричневый, коричневый.
по материалам http://lookcolor.ru/
Бирюзовый цвет — это… Что такое Бирюзовый цвет?
Бирюзовый | ||
---|---|---|
— Цветовые координаты — | ||
HEX | #30D5C8 | |
RGB¹ | (r, g, b) | (48, 213, 200) |
CMYK² | (c, m, y, k) | (77, 0, 6, 16) |
HSV | (h, s, v) | (175°, 77%, 84%) |
¹: Нормализовано к [0–255] |
Бирюзовый цвет — оттенок голубого и зелёного цветов, различается от светло-зелёного с голубизной до голубого, близкий к циану. Характерный цвет минералов бирюзы и хризоколлы.
Кусочек бирюзы, около 2,5 см в длинуПрименение
См. также
Оттенки зелёного цвета | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Бирюзовый цвет — это… Что такое Бирюзовый цвет?
Бирюзовый | ||
---|---|---|
— Цветовые координаты — | ||
HEX | #30D5C8 | |
RGB¹ | (r, g, b) | (48, 213, 200) |
CMYK² | (c, m, y, k) | (77, 0, 6, 16) |
HSV | (h, s, v) | (175°, 77%, 84%) |
¹: Нормализовано к [0–255] |
Бирюзовый цвет — оттенок голубого и зелёного цветов, различается от светло-зелёного с голубизной до голубого, близкий к циану. Характерный цвет минералов бирюзы и хризоколлы.
Кусочек бирюзы, около 2,5 см в длинуПрименение
См. также
Оттенки зелёного цвета | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|