цвет морской волны код rgb
Теория цвета в цифрах
Разные люди могут по-разному представлять один и тот же цвет по его названию. Например голубой цвет может на самом деле быть цветом морской волны или небесным. Гораздо точнее цвет определяется шестнадцатеричным кодом, всего существует 16777216 комбинаций. Поэтому дизайнеру может быть полезно распознавать цвет, просто взглянув на его hex-код.
Основы
Начнем с простого: рассмотрим обычный hex-код, где каждая из трех пар цифр контролирует один из цветов RGB — красный, зеленый, синий. Числа могут принимать значения цифр от 0 до 9 и букв от A до F.
Насыщенность цвета зависит от того, насколько разные в парах числа. Чем больше значение пар, тем светлее цвет. Вторая цифра каждой пары уточняет оттенок:
То есть величина чисел в парах означает количество цвета, проще говоря, если все числа максимальные, то в результате будет белый цвет — #FFFFFF, если числа минимальные, нули, то цвета нет, получается черный — #000000. Если изменять каждую пару, то получается: #FF0000 — самый яркий красный, #00FF00 — самый яркий зеленый и #0000FF — самый яркий синий. Соответственно, #00FFFF — самый яркий голубой, #FF00FF — самый яркий пурпурный и #FFFF00 — самый яркий желтый.
Распознавание цвета
Шестнадцатеричный код может быть сокращен с шести символов до трех. Например цвет #FAE означает #FFAAEE. Такая возможность иногда помогает упростить код, и что важнее, легко сократить количество оттенков, если это требуется.
В большинстве случаев распознать цвет по hex-коду можно, учитывая только первые цифры пар. В примере ниже понятно, что цвет смешан из большого количества красного, немного синего, а зеленого совсем нет.
Понимание цвета по hex-коду позволяет веб-дизайнеру быстрее ориентироваться в коде страницы, кроме того, можно всегда произвести впечатление на коллег или клиентов, сказав «Ах, какой прекрасный оттенок бордового».
Можно также легко менять яркость, оттенок или насыщенность цвета, отредактировав лишь его шестнадцатеричный код. В первом примере ниже одна из пар меняется с шагом в 10%, при этом растет яркость цвета. Во втором примере яркость растет, но насыщенность падает:
Подчеркивание ссылок
По умолчанию браузеры подчеркивают гиперссылки на веб-страницах. При использовании не слишком крупных шрифтов подчеркивание может смешиваться с буквами ссылки, и выглядит такая конструкция не очень. Но можно сделать подчеркивание менее насыщенным:
Получившиеся ссылки легче читаются, т.к. подчеркивание не смешивается с символами. Однако добавлять span в каждую ссылку не очень рационально. Поэтому можно убрать подчеркивание ссылок, но при этом добавить border-bottom:
Цвета контента
Зачастую на сайтах используется один и тот же цвет для заголовков и основного текста. Но при таком подходе снижается читабельность контента: чем мельче шрифт, тем контрастнее он должен быть. Пример:
Уменьшение первых цифр в парах hex-кода повысит контрастность текста, а значит читабельность улучшится:
Редактирование фона
Легко управлять фоном, изменяя hex-код цвета:
Фон страницы визуально более чувствителен к изменениям цвета, чем контент. Поэтому можно легко сделать его теплее или холоднее, корректируя и вторую цифру в парах hex-кода. Например:
Подбор и комбинирование цветов
Понимание структуры шестнадцатеричного кода цветов дает дизайнеру возможность точно подбирать комбинации цветов и выбирать цветовые схемы. Самая простая техника — это переставлять одну пару в разные места кода. Еще один способ — удвоение первой цифры в первой паре и разделение на два остальных первых цифр. Также можно комбинировать цвета, взятые из фото. Описанные способы наглядно продемонстрированы на рисунке ниже:
Таблица цветовых кодов RGB
Палитра цветов RGB
Таблица цветовых кодов RGB
Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:
| Шестнадцатеричный: # |
| Красный: |
| Зеленый: |
| Синий: |
Цветовое пространство RGB
Красный, зеленый и синий используют по 8 бит каждый, которые имеют целочисленные значения от 0 до 255. Это дает 256 * 256 * 256 = 16777216 возможных цветов.
RGB ≡ красный, зеленый, синий
Таким образом, каждый пиксель на светодиодном мониторе отображает цвета за счет комбинации красного, зеленого и синего светодиодов (светоизлучающих диодов).
Когда красный пиксель установлен на 0, светодиод выключен. Когда красный пиксель установлен на 255, светодиод будет полностью включен.
Любое значение между ними устанавливает частичное излучение светодиода.
Цветовой формат и расчет RGB
Код RGB имеет формат 24 бита (биты 0..23):
| КРАСНЫЙ [7: 0] | ЗЕЛЕНЫЙ [7: 0] | СИНИЙ [7: 0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
Примеры расчетов
Белый цвет RGB
White RGB code = 255*65536+255*256+255 = #FFFFFF
Синий цвет RGB
Blue RGB code = 0*65536+0*256+255 = #0000FF
Красный цвет RGB
Red RGB code = 255*65536+0*256+0 = #FF0000
Зеленый цвет RGB
Green RGB code = 0*65536+255*256+0 = #00FF00
Серый цвет RGB
Gray RGB code = 128*65536+128*256+128 = #808080
Желтый цвет RGB
Yellow RGB code = 255*65536+255*256+0 = #FFFF00
Arteqo Consulting
Дизайн, брендинг и развитие в интернете
Arteqo Consulting Services
Contact Arteqo
Цвет морской волны
Здесь Вы можете увидеть, как Цвет морской волны выглядит рядом со своими соседями по цветовому кругу:
Цвет морской волны в центре
Параметры HTML цветов
График RGB
Цвет морской волны в системе RGB содержит следующее количество составляющих цветов:
Цвет морской волны: количество красного Красный
Цвет морской волны: количество зелёного Зелёный
Цвет морской волны: количество синего Синий
График CMYK
Цвет морской волны в системе CMYK содержит следующее количество составляющих цветов:
Цвет морской волны: количество цианового Синее-зелёный
Цвет морской волны: количество пурпурного Пурпурный
Цвет морской волны: количество жёлтого Жёлтый
Цвет морской волны: количество чёрного Чёрный
Безопасные цвета HTML
Цветовая слепота или дальтонизм
Монохромазия
Ахроматопсия
Для людей с ахроматопсией, т.е. неспособностью видеть ничего, кроме чёрного, белого и серого, Цвет морской волны выглядит как цвет с кодом rgb(201, 201, 201), который можно видеть рядом с этим описанием. Эффект этой болезни схож с состоянием, когда человек видит всё в чёрно-белой гамме.
Теория цвета
Аналоговые цвета
Цвет морской волны и четыре аналоговых цвета:
hsl(212, 100%, 50%) hsl(196, 100%, 50%) Цвет морской волны hsl(164, 100%, 50%) hsl(148, 100%, 50%)
Монохроматические цвета
Цвет морской волны и пример четырёх монохроматических цветов:
hsl(180, 84%, 34%) hsl(180, 92%, 42%) Цвет морской волны hsl(180, 100%, 58%) hsl(180, 100%, 66%)
Триадные цвета
Цвет морской волны и два соответствующих триадных цвета:
hsl(300, 100%, 50%) Цвет морской волны hsl(60, 100%, 50%)
Триадные цвета составляют яркие комбинации с чётким контрастом, которые позволяют разрабатывать необычные, уникальные дизайны. Одновременно с этим такой контраст не радикален, а значит, дизайн будет смотреться сбалансированно. В целом, триадные цвета являются одной из самых универсальных сочетаний цветов, так как с их помощью возможно разработать как и однородный, так и акцентированный, контрастный дизайн. Все цвета данной палитры, Цвет морской волны и дополняющую пару, можно также использовать в качестве акцентов на нейтральном фоне, например на белом, чёрном или сером.
Тетрадные цвета
Квадрат
Квадрат тетрадных цветов и Цвет морской волны:
Цвет морской волны hsl(360, 100%, 50%) hsl(270, 100%, 50%) hsl(90, 100%, 50%)
Прямоугольник
Цвет морской волны предоставляет две возможности сформировать цветовой тетрадный прямоугольник. Первая:
Цвет морской волны hsl(360, 100%, 50%) hsl(300, 100%, 50%) hsl(120, 100%, 50%)
Цвет морской волны hsl(360, 100%, 50%) hsl(60, 100%, 50%) hsl(240, 100%, 50%)
Из всех тетрадных палитр прямоугольная предлагает среднюю контрастность. Именно поэтому её чаще всего выбирают для многоцветных, разнообразных дизайнов с определённым связующим элементом. Её также можно использовать для систем цветового кодирования, так как, с одной стороны, разница между цветами достаточно очевидна, а с другой, из них всё ещё возможно составить гармоничную комбинацию, которая не будет выделяться из общего дизайна слишком сильно.
Сопряжённые цвета
Цвет морской волны предоставляет две возможные комбинации сопряжённых цветов. Первая:
Цвет морской волны hsl(360, 100%, 50%) hsl(210, 100%, 50%) hsl(30, 100%, 50%)
Цвет морской волны hsl(360, 100%, 50%) hsl(150, 100%, 50%) hsl(330, 100%, 50%)
Смежная палитра создаёт две пары цветов, где цвета внутри каждой пар очень близки друг другу, но при это очень контрастны по отношению к другой паре. Такая комбинация позволяет создавать наиболее необычные дизайны сайтов с нестандартными визуальными решениями.
Комплиментарные цвета
Цвет морской волны и соответствующий комплиментарный цвет:
Цвет морской волны hsl(360, 100%, 50%)
Расщеплённые комплиментарные цвета
Цвет морской волны включается в следующую пару расщеплённых комплиментарных цветов:
hsl(330, 100%, 50%) Цвет морской волны hsl(30, 100%, 50%)
Расщеплённая комплиментарная палитра похожа на обычные комплиментарные цвета своей высокой контрастностью. Тем не менее, в данном случае этот контраст не настолько велик, а значит он вызывает меньше визуального напряжения. Таким образом, данная комбинация, будучи одновременно разнообразна и контрастна, некоторым образом напоминает триадную палитру.
Вариации
Тёмные оттенки
Светлые оттенки
Серые оттенки
Свяжитесь с нами
улица Лачплеша, д. 87,
город Рига, LV-1011, Латвия
+371 2893 6776
Отправить нам письмо
Цвет морской волны
| Голубой | ||
|---|---|---|
| — Цветовые координаты — | ||
| RGB HEX | #00BFFF | |
| (r, g, b) | (0, 191, 255) | |
| (c, m, y, k) | (70, 0, 2, 0) | |
| (h, s, v) | (195°, 100%, 100%) | |
| ¹: Нормализовано к [0–255] ²: Нормализовано к [0–100] | ||
| Голубой (2) | ||
|---|---|---|
| — Цветовые координаты — | ||
| RGB HEX | #55AAFF | |
| (r, g, b) | (85, 170, 255) | |
| (c, m, y, k) | (75, 7, 0, 0) | |
| (h, s, v) | (210°, 67%, 100%) | |
| ¹: Нормализовано к [0–255] ²: Нормализовано к [0–100] | ||
| Голубой (‘голубиный’) | ||
|---|---|---|
| — Цветовые координаты — | ||
| RGB HEX | #AABFFF | |
| (r, g, b) | (170, 191, 255) | |
| (c, m, y, k) | (44, 16, 0, 0) | |
| (h, s, v) | (255°, 33%, 100%) | |
| ¹: Нормализовано к [0–255] ²: Нормализовано к [0–100] | ||
| Циан | ||
|---|---|---|
| — Цветовые координаты — | ||
| RGB HEX | #00FFFF | |
| (r, g, b) | (0, 255, 255) | |
| (c, m, y, k) | (100, 0, 0, 0) | |
| (h, s, v) | (180°, 100%, 100%) | |
| ¹: Нормализовано к [0–255] ²: Нормализовано к [0–100] | ||
| Циан (оттенок более близкий к голубому и синему) | ||
|---|---|---|
| — Цветовые координаты — | ||
| RGB HEX | #00CCFF | |
| (r, g, b) | (0, 204, 255) | |
| (c, m, y, k) | (100, 20, 0, 0) | |
| (h, s, v) | (192°, 100%, 100%) | |
| ¹: Нормализовано к [0–255] ²: Нормализовано к [0–100] | ||
| англ. en:Blue (голубой) | ||
|---|---|---|
| — Цветовые координаты — | ||
| RGB HEX | #0080FF | |
| (r, g, b) | (0, 128, 255) | |
| (c, m, y, k) | (98, 60, 0, 0) | |
| (h, s, v) | (210°, 100%, 100%) | |
| ¹: Нормализовано к [0–255] ²: Нормализовано к [0–100] | ||
Голубо́й цвет — оттенок синего с небольшим смещением в сторону зелёного, таким, что ещё совсем нет ощущения зелёного оттенка, либо светлые оттенки синего цвета. Голубому наиболее точно соответствует оттенок 130 в цветовой системе MS Windows (hex—код 00BFFF).
Содержание
По мнению одних исследователей, русское слово «голубой» происходит от слова «голубь» (по одной версии — по цвету отлива шейных перьев птицы; хотя скорее всего речь идёт о цвете головного оперения птицы.) (ср. лат. columbus — «голубь»); по мнению других исследователей — наоборот, «голубь» от «голубой». [1] [2] Также существует мнение, что слово «голубой» является родственным слову «глубокий», так как прозрачная вода при её глубине имеет синеватый оттенок, а прозрачный воздух атмосферы создаёт голубой цвет неба.
Голубому цвету соответствуют различные сочетания оттенка, яркости и насыщенности.
Соответствия оттенка и яркости для различных оттенков голубого цвета в системе цветов MS Windows при постоянном высоком контрасте (нормализованы к 240):
оттенок — яркость
155—220
150—200
145—180
140—160
130—120
120—80
Соответствующие шеснадцатиричные коды (контраст-240):
D5DAFF
AABFFF
80AFFF
55AAFF
00BFFF
00AAAA
При появлении заметного ощущения зелёного оттенка голубой переходит в циан, затем в бирюзовый.
Циан (также сине-зелёный, ядовито-синий, «цвет морской волны») — цветовой диапазон между зелёным и синим, с длиной волны примерно от 485 до 500 нанометров. Циановым также называют один из трёх цветов системы англ. Cyan ).
Английское слово англ. Blue чаще всего переводится как голубой, хотя также обозначает синий.
Этому цвету (англ. Blue ) наиболее точно соответствует оттенок 140 в цветовой системе MS Windows (140-240-120: hex-код 0080FF)
Голубые природные красители и пигменты
Голубое небо и физика зрения
Технологии цветовоспроизведения, полиграфия
Названия голубых оттенков
Психология
Голубой цвет является успокаивающим цветом, способствует физическому и умственному расслаблению, создает атмосферу безопасности и доверия. Данный цвет считается признаком творчества, его рекомендуют для учебных аудиторий и кабинетов. Характеристика: стремление к покою, гармонии с окружающими людьми и самим собой, к верности, к глубокомысленным рассуждениями. голубой «мужской» цвет соответствует «женскому» розовому.
В культуре и этнографии
Прочие литературно-культурные ассоциации
Ссылки
| Оттенки розового | Оттенки красного | Оттенки оранжевого | Оттенки белого | ||
| Оттенки пурпурного | Пурпурный | Красный | Оранжевый | Оттенки коричневого | Белый |
| Оттенки фиолетового | Фиолетовый | Цвета радуги | Жёлтый | Оттенки жёлтого | Серый |
| Оттенки синего | Синий | Голубой | Зелёный | Оттенки зелёного | Чёрный |
| Оттенки голубого | Серая шкала |
| Оттенки синего цвета | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Alice blue | Лазурный | Синий | Cerulean | Cerulean blue | Кобальтовая синь | Cornflower blue | Dark blue | Denim | Dodger blue | Индиго | International Klein Blue |
| #F0F8FF | #007FFF | #0000FF | #007BA7 | ||||||||
| Лавандовый | Ночная синь | Navy blue | Periwinkle | Персидская синь | Powder blue | Прусская синь | Королевский синий | Сапфир | Стальной синий | Ультрамарин | Светло синий |
| #B57EDC | #003366 | #CCCCFF | |||||||||
| Baby blue | |||||||||||
Полезное
Смотреть что такое «Цвет морской волны» в других словарях:
морской волны — прил., кол во синонимов: 3 • защитно синий (4) • лазурный (20) • цвет (266) Словар … Словарь синонимов
цвет — [окраска] сущ., м., употр. очень часто Морфология: (нет) чего? цвета, чему? цвету, (вижу) что? цвет, чем? цветом, о чём? о цвете; мн. что? цвета, (нет) чего? цветов, чему? цветам, (вижу) что? цвета, чем? цветами, о чём? о цветах 1. Цветом… … Толковый словарь Дмитриева
Морской лёд — Морской лёд нилас Морской лёд лёд, образовавшийся в море (океане) при замерзании воды. Так как морская вода … Википедия
Циановый цвет — Голубой (#00BFFF) Голубой Цветовые координаты RGB HEX #00BFFF (r, g, b) (0, 191, 255) (c, m, y, k) … Википедия
Синий цвет — Синий Цветовые координаты HEX #0000FF RGB¹ (r, g, b) (0, 0, 255) CMYK² … Википедия
Сине-зелёный цвет — У этого термина существуют и другие значения, см. Циан. Cyan (#00FFFF) Циан (Cyan от греч. κυανoῦς; также сине зелёный, ядовито синий, «цвет морской волны») цветовой диапазон между зелёным и синим, с длиной волны примерно от 485 до 500… … Википедия
ДЛИНА ВОЛНЫ — (обозначение l), расстояние между следующими друг за другом точками волны, находящимися в одинаковой ФАЗЕ. Например, длину морской волны можно измерить как расстояние от гребня до гребня. Длина волны видимого света (колеблющаяся в пределах от 390 … Научно-технический энциклопедический словарь
Маренго (цвет) — У этого термина существуют и другие значения, см. Маренго. Маренго Цветовые координаты HEX #4C5866 RGB¹ (r, g, b) (76, 88, 102) … Википедия
Дальневосточный морской заповедник — Категория МСОП Ia (Строгий природный резерват) Координаты: Координаты … Википедия
6. CSS — Цвета: форматы и коды
Коды цветов в CSS используются для указания цвета. Как правило, коды цвета или цветовые значения используются для установки цвета либо для переднего плана элемента (например, цвет текста, ссылки), либо для фона элемента (цвет фона, блока). Они также могут использоваться для изменения цвета кнопки, границ, маркера, при наведении и других декоративных эффектов.
Вы можете задать свои значения цвета в различных форматах. В следующей таблице перечислены все возможные форматы:
| Формат | Синтаксис | Пример |
| Шестнадцатеричный код | #00FF00 | p |
| Короткий шестнадцатеричный код | #0F0 | p |
| RGB % | rgb(rrr%,ggg%,bbb%) | p |
| RGB абсолютный | rgb(rrr,ggg,bbb) | p |
| Ключевое слово | green, white, black и т.д. | p |
Ниже более подробно описаны перечисленные форматы.
Содержание
Цвета CSS — шестнадцатеричные коды
Шестнадцатеричный код цвета — это шестизначное представление цвета. Первые две цифры (RR) — представляют собой красное значение, следующие две — это зеленое значение (GG), а последние — синее значение (BB).
Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.
Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.
| Цвет | Шестнадцатеричный цвет | |
| Белый | #FFFFFF | |
| Черный | #000000 | |
| Красный | #FF0000 | |
| Лайма | #00FF00 | |
| Синий | #0000FF | |
| Желтый | #FFFF00 | |
| Морская волна | #00FFFF | |
| Фуксия | #FF00FF | |
Цвета CSS — короткие шестнадцатеричные коды
Короткий шестнадцатеричный код цвета — это более короткая форма шестизначной нотации. В этом формате каждая цифра повторяется, чтобы получить эквивалентное шестизначное значение цвета. Например: #0F0 становится #00FF00.
Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.
Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.
| Цвет | Шестнадцатеричный цвет | |
| Белый | #FFF | |
| Черный | #000 | |
| Красный | #F00 | |
| Лайма | #0F0 | |
| Синий | #00F | |
| Желтый | #FF0 | |
| Морская волна | #0FF | |
| Фуксия | #F0F | |
Цвета CSS — RGB значения
RGB значение — это код цвета, который задается с помощью свойства rgb(). Это свойство принимает три значения: по одному для красного, зеленого и синего. Значение может быть целым числом, от 0 до 255, или процентом.
Примечание: не все браузеры поддерживают свойство rgb() цвета, поэтому не рекомендуется его использовать.
Ниже приведен пример, показывающий несколько цветов с использованием значений RGB.
| Цвет | Шестнадцатеричный цвет | |
| Белый | rgb(255, 255, 255) | |
| Черный | rgb(0, 0, 0) | |
| Красный | rgb(255, 0, 0) | |
| Лайма | rgb(0, 255, 0) | |
| Синий | rgb(0, 0, 255) | |
| Желтый | rgb(255, 255, 0) | |
| Морская волна | rgb(0, 255, 255) | |
| Фуксия | rgb(255, 0, 255) | |
Генератор цветовых кодов
Вы можете создавать миллионы цветовых кодов с помощью нашего сервиса CSS цвета онлайн.
Безопасные цвета браузера
Ниже представлена таблица из 216 цветов, которые наиболее безопасные и независимые от компьютера. Эти цвета в CSS варьируются от 000000 до FFFFFF шестнадцатеричного кода. Они безопасны в использовании, поскольку гарантируют, что все компьютеры будут правильно отображать цвет при работе с 256 цветовой палитрой.