Цветовая гамма и ее значение в дизайне
Цветовой гаммой называется совокупность оттенков и цветов, которые гармонируют между собой, то есть, их можно использовать вместе для оформления интерьера, покраски автомобиля, или какого-либо другого предмета – в общем, для разработки дизайна, и они, сочетаясь между собой, не будут «мозолить глаза».
Подбор цветов является очень важной задачей, так как они могут непосредственно влиять на настроение человека и его физическое состояние: некоторые цвета имеют свойство раздражать нервную систему, а другие наоборот – успокаивают ее.
Даже существует такое направление в нетрадиционной медицине как «цветотерапия» — лечение и выявление некоторых психических расстройств с помощью цвета. Именно поэтому цветовая гамма, окружающая человека, не должна раздражать его, так как это влечет за собой нервное истощение и различные болезни.
Классификация цветовой гаммы, в зависимости от цветов и оттенков, которые они в себя включают, делится на две группы:
- Холодная цветовая гамма – это гамма, которая включает в себя цвета, ассоциирующиеся с холодом, снегом, льдом, глубиной;
- Теплая цветовая гамма – цвета, которые напоминают человеку о жаре, огне, лете, пустыне, солнце:
Существует несколько способов осуществить корректный подбор цветовой гаммы:
- Первый метод заключается в том, что выбирается какой-либо цвет, который является основным в композиции, и его дополняют более светлыми или темными оттенками – это, так называемый, «однотонный» тип оформления;
- Второй метод – выбор цветов, которые гармонизируют друг с другом и не являются оттенками одного цвета, в отличие от первого метода. Этот способ можно рассмотреть на примере сочетания основных цветов радуги с другими:
- Третий метод – это выбор цветов, противоположных друг другу. Такое оформление является довольно ярким и броским, но, в тоже время, оно корректно в плане сочетания цветов. Например: салатовый и розовый, красный и зеленый, и т.д.
Для того чтобы правильно понять правила, по которым определяется сочетание цветовой гаммы, необходимо воспользоваться цветовым кругом (для наглядности). Существует несколько видов сочетания цветов:
- Монохромное сочетание. Подразумевает использование цветов из одного сектора круга:
- Комплементарное сочетание включает в себя два противоположных цвета, как показано на рисунке:
- Триадическое сочетание. Состоит из трех цветов, которые выбираются методом вписывания в круг равностороннего треугольника. Вершины будут указывать на гармонирующие между собой цвета:
- Прямоугольное сочетание. Основано на использовании двух противоположных цветов (комплементарных) и соответствующих им двух аналоговых:
Данные секреты помогут создать корректную совместимость цветовой гаммы без особого труда. Просто нужно следовать правилам использования цветового круга.
Таблица сочетания цветов так же, как и цветовой круг, является удобным вспомогательным инструментом для дизайнера, так как в ней наглядно изображены группы гармонирующих друг с другом цветов:
Такая таблица совместимости цветовой гаммы дает возможность человеку, не владеющему дизайнерским талантом, правильно подобрать цвета для своего продукта, будь то деревянный комод или веб-сайт.
Ни для кого не секрет, что оформление сайта имеет такое же большое значение, как и его контент. Поэтому разработчик должен учитывать данный аспект, чтобы ресурс был успешным. Если цветовая гамма для сайта подобрана корректно, то она будет располагать к себе посетителя, что даст возможность удержать его на данном ресурсе.
К сожалению, не каждый человек может сходу правильно подобрать гамму. Для решения данной задачи существуют веб-ресурсы, которые предоставляют пользователю возможность подобрать цвета для своего сайта. Одним из таких является colory.ru.
Выполнив следующие действия, можно с легкостью подобрать гамму для своего сайта:
- После перехода на сайт первым делом указывается основной цвет. Для этого необходимо передвинуть точку на нужный сектор:
- Далее нужно указать количество цветов, которое будет использоваться для оформления. В данном случае будет использовано три цвета:
- Также можно воспользоваться настройками меню из правого верхнего угла для выбора наиболее подходящего цветового оформления;
- Результатом работы сервиса является соотношение цветовой гаммы, а именно: подборка цветов, которые гармонируют друг с другом и сделают привлекательным сайт любой тематики:
Хроматический круг выступает вспомогательным инструментом для дизайнеров, перед которыми частенько возникает задача подбора цветовых гамм. В основе данного «устройства» лежат три основополагающих цвета: красный, желтый и синий:
Если попарно смешать основные цвета, то получатся еще три цвета: оранжевый, зеленый и фиолетовый. Как видно на картинке, изображение хроматического круга формируется из цветов первого, второго порядка и промежуточных между ними.
Таким образом, если дизайнеру или любому другому человеку понадобиться подобрать цветовую гамму так, чтобы она была скомпонована из гармонирующих цветов, то ему пригодятся такие вспомогательные инструменты, как цветовой круг, хроматический круг, а также онлайн-ресурсы по составлению цветовых гамм.
Современные названия цветов и оттенков
Что такое цвет?
Кажется, что все очень просто. Цвет – это определенные волны электромагнитной энергии, которые после восприятия глазом и мозгом человека преобразуются в цветовые ощущения.
Все просто, но не совсем. Достаточно хотя бы упомянуть, что цветное зрение недоступно большинству животных на Земле, а для человека цвет — не только носитель информации о предмете.
Цвет может быть еще и символом, который меняет свое значение от ситуации, но всегда понятен (он может быть не осознан, но принят подсознанием).
Также с помощью цветовых образов можно донести до читателя больше информации. Это лингвистическое понимание цвета.
И, конечно, нельзя не отметить, что определенные цвета и оттенки вызывают эстетическое удовольствие или, напротив, не удовольствие.
Что же это за цвета и оттенки и как они различаются? Разобраться в многообразии цветовой палитры поможет эта классификация:
Оттенки красного цвета
Оттенки голубого и фиолетового цветов
Оттенки зеленого цвета
Оттенки коричневого цвета
Оттенки желтого и оранжевого цветов
Оттенки белого цвета
Оттенки серого цвета
· Инструмент для подбора цветов и генерации цветовых схем ·
Теория Цвета
Цветом можно любоваться бесконечно, но вот обсуждать тему цвета, порой бывает трудно. Дело в том, что слова, которые мы используем для описания цвета, слишком неточны и часто приводят к взаимному непониманию. Путаница происходит не только с такими техническими терминами как «яркость», «насыщенность» и «цветность», но даже с такими простейшими словами, как «светлый», «чистый», «яркий» и «тусклый». Даже специалисты ведут свои споры так до сих пор и не утвердив стандартные определения понятий.
Цвет — это феномен света, вызываемый способностью наших глаз определять различные количества отражённого и проецируемого света. Наука и технология помогла нам понять, как физиологически человеческий глаз воспринимает свет, измерить длины волн света, узнать количества несомой ими энергии. И теперь мы понимаем, насколько сложно понятие «цвет». Ниже мы рассказываем о том, как мы определяем свойства цвета.
Мы попытались составить словарь терминов и понятий. И хотя мы не претендуем на единственный авторитет в теории цвета, определения, которые вы здесь найдёте, подкрепляются другими математическими и научными аргументами. Пожалуйста, сообщите нам, если в данном словаре отсутствуют какие-либо слова и понятия, о которых вы бы хотели узнать.
Тон (Hue)
Иные переводы: цвет, краска, оттенок, тон.
Именно это слово мы имеем в виду, когда задаём вопрос «Какой это цвет?». Мы интересуемся свойством цвета, которое называется «Тон/Hue». Например, когда мы говорим о красном, жёлтом, зелёном, и синем цветах, мы имеем в виду «тон/hue». Различные тона создаются светом с различной длиной волны. Таким образом, этот аспект цвета обычно довольно легко распознать.
Контраст тонов — явно различные тона.
Контраст тона — различные оттенки, одинаковый тон (синий).
Термин «тон» описывает главную характеристику цвета, которая отличает красный цвет от жёлтого и синего. Цвет в значительной степени зависит от длины волны света излучаемого или отражаемого объектом. Например, диапазон видимого света находится между инфракрасным (длина волны ~700nm) и ультрафиолетовым (длина волны ~400nm).
На диаграмме показан цветовой спектр, отражающий эти границы видимого света, а также две цветовые группы (красная и синяя), которые называются «семействами тонов». Любой цвет, взятый из спектра можно смешать с белым, чёрным и серым, и получить цвета соответствующего семейства тонов. Обратите внимание, что в семействе тонов присутствуют цвета с различной яркостью, хроматичностью и насыщенностью.
Хроматичность (Chromaticity, Chorma)
О хроматичности мы говорим, когда рассуждаем о «чистоте» цвета. Это свойство цвета говорит нам, насколько он чист. Это означает, если в цвете отсутствуют примеси белого, чёрного или серого, цвет имеет высокую чистоту. Эти цвета выглядят живыми и чистыми.
Понятие «хроматичность» связано с насыщенностью. И его часто путают с насыщенностью. Однако мы будем продолжать использовать эти термины раздельно, потому что на наш взгляд они относятся к различным ситуациям, о чём будет сказано несколько ниже.
Высокая хроматичность — очень сияющие, живые цвета.
Низкая хроматичность — ахроматичные, бесцветные цвета.
Хроматичность одинакова — средний уровень. Та же живость цветов несмотря на различный тон; чистота меньше, чем у образцов выше.
Высокохроматические цвета содержат максимум собственно цвета с минимальными или нулевыми примесями белого, чёрного или серого. Иными словами, степень отсутствия примесей других цветов в конкретном цвете характеризует его хроматичность.
Хроматичность, которую часто называют «сочностью», является количеством цвета (hue) в цвете. Цвет без цвета (hue) является ахроматичным или монохроматичным, и видим как серый. Для большинства цветов, по мере увеличения яркости увеличивается и хроматичность, за исключением очень светлых цветов.
Насыщенность (Saturation)
В связке с хроматичностью, насыщенность говорит нам, как цвет выглядит в различных условиях освещённости. Например, комната окрашенная в один цвет, ночью будет выглядеть иначе, чем днем. В течение дня, несмотря на то что цвет будет неизменён, его насыщенность будет меняться. Насыщенностью не имеет отношения к словам «тёмный», «светлый». Вместо этого используйте слова «бледный», «слабый» и «чистый», «сильный».
Насыщенность одинаковая — та же интенсивность, различные тона.
Контраст насыщенности — различные уровни наполнения, тон одинаковый.
Насыщенность, которую также называют «интенсивностью цвета» (intensity), описывает силу цвета относительно его яркости (value) или светлоты (luminance/lightness). Иными словами, насыщенность цвета обозначает его отличие от серого при определённой яркости освещения. Например, цвета близкие к серому ненасыщенные по сравнению с более светлыми цветами.
У цвета свойство «живой» или «полный» является ни чем иным, как отсутствием примеси серого или его оттенков. Важно отметить, что насыщенность измеряется вдоль линий одинаковой яркости.
Насыщенность/Saturation: 128
Яркость (Value/Brightness)
Когда мы говорим, что цвет «тёмный» или «светлый», мы имеем в виду его яркость. Это свойство сообщает нам, насколько свет светел или тёмен, в том смысле, насколько он близок к белому. Например, канареечный жёлтый цвет считается светлее синего «navy blue», который в свою очередь сам светлее чёрного. Таким образом, значение (value) канареечного жёлтого выше, чем синего «navy blue» и чёрного.
Низкая яркость, постоянная — одинаковый уровень яркости.
Контраст яркостей — серый = ахроматичный.
Контраст яркостей — полное различие яркости.
Яркость (используется термин «value» или «brightness») зависит от количества света, излучаемого цветом. Самый простой способ запомнить это понятие — это представить себе шкалу серого цвета, со сменой чёрного на белый, в которой содержатся все возможные варианты монохроматического серого цвета. Чем больше в цвете света, тем он ярче. Таким образом пурпурный — менее яркий, чем небесно-голубой, так как излучает меньше света.
Эту шкалу серого цвета можно приравнять к цветной шкале с помощью того же уравнения, которое используется в телевидении (Яркость серого цвета = 0.30 Red + 0.59 Green + 0.11 Blue):
Интерактивная демонстрация иллюстрирует изменение яркости в двухмерной схеме:
Яркость/Value: 128
Светлота (Luminance/Lightness)
Несмотря на то, что вместо этого слова часто употребляют слово «яркость» (brightness), мы предпочитаем использовать слово «светлота» (или «светимость»). Понятие «светлота цвета» связано с многими теми же переменными, что и яркость в смысле «value». Но в данном случае используется другая математическая формула. Если говорить кратко, вспомните цветовой круг. В нем цвета расположены по кругу с одинаковой светлотой. Добавление белого увеличивает светлоту, добавление чёрного — уменьшает.
Это измерение цвета относится к яркости (value), но отличается по своему математическому определению. Светлота цвета измеряет интенсивность потока света на единицу площади его источника. Рассчитывается она путём вычисления среднего в группе ахроматичных цветов.
Достаточно сказать, что светлота растёт от очень тёмного до очень светлого (сияющего) и может быть отображена с помощью цветового круга, который показывает все цвета (hue) с одинаковой светлотой. Если к цветовому кругу добавить немного света, мы тем самым увеличим интенсивность света и таким образом увеличим светлоту цветов. Противоположное произойдёт, если мы уменьшим свет. Сравните, как выглядят плоскости, отображающие светлоту, с плоскостями, отображающими яркость (выше).
Светлота/Luminance: 128
Оттенок (tint), тональность (tone), и тень (shade)
Эти термины часто используются неправильно, но они описывают довольно простое понятие в цвете. Главное помнить, насколько цвет отличается от своего начального тона (hue). Если к цвету добавляется белый, эта более светлая разновидность цвета называется «оттенок» (tint). Если цвет делается темнее путём добавления чёрного, полученный цвет называется «тень» (shade). Если же добавляется серый цвет, каждая градация дает вам различную тональность (tone).
Оттенки (добавляем белый к чистому цвету).
Тени (добавляем чёрный к чистому цвету).
Тональности (добавляем серый к чистому цвету).
Комплементарные, дополнительные цвета (Complementary Colors)
Когда два или несколько цветов «подходят друг к другу», их называет комплементарными, дополняющими друг друга цветами. Этот признак абсолютно субъективен, и мы готовы его обсудить и выслушать другие мнения. Более точным определением будет «если два цвета, будучи смешанными вместе, дают нейтрально-серый (краска/пигмент) или белый (свет) цвет, они называются дополняющими, комплементарными».
Основные цвета (Primary Colors)
Определение основных цветов зависит от того, как мы собираемся воспроизводить цвет. Цвета, видимые при расщеплении солнечного света с помощью призмы, иногда называют спектральными цветами. Это красный, оранжевый, жёлтый, зелёный, голубой, синий и фиолетовый. Эту комбинацию КОЖЗГСФ часто сводят к трём цветам: красный, зелёный и сине-фиолетовый, которые являются основными цветами аддитивной системы цветов (свет). Первичными цветами субтрактивной системы цветов (краска, пигмент) являются циан, фуксин и жёлтый. Запомните, комбинация «красный, жёлтый голубой» не является комбинацией основных цветов!
Системы цветов RGB, CMYK, HSL
В различных случаях в зависимости от того, как воспроизводится цвет, используются различные цветовые системы. Если мы используем источники света — доминирующей системой является RGB (от «red/green/blue» — «красный/зелёный/синий»).
Для цветов, которые получаются путём смешивания красок, пигментов или чернил на ткани, бумаге, полотне или другом материале, в качестве цветовой модели используется система CMY (от «cyan/magenta/yellow» — «циан/фуксин/жёлтый»). В связи с тем, что чистые пигменты очень дороги, для получения чёрного цвета используется не равная смесь CMY, а просто чёрная краска.
Другой популярной цветовой системой является HSL (от «hue/saturation/lightness» — «цвет/насыщенность/яркость»). У этой системы есть несколько вариантов, где вместо насыщенности используется хроматичность (chroma), светлота (luminance) вместе с яркостью (value) (HSV/HLV). Именно эта система соответствует тому, как человеческий глаз видит цвет.
Теория цвета: цветовая гамма
Цветовая гамма – это палитра, которая фиксирует диапазон (набор) оттенков и цветов. Она имеет в различных видах физическое или цифровое использование, то есть подбор цветов, характеризующий манеру живописи художника на разных этапах его творчества.
Линия гармонично взаимосвязанных цветовых оттенков представляет собой цветовую гамму, используемую в работе над художественными произведениями.
Можно выделить три гаммы:
- холодную
- теплую
- смешанную
Первая получается посредством красок с холодными оттенками. Вторая – образуется при использовании цветов с теплыми оттенками. Смешанная (нейтральная) – включает в себя два вышеназванных понятий. Равновесие в композиции холодных и теплых оттенков получают благодаря смешанной гамме, а отсутствие их дает нейтральная гамма.
Главное, чтобы не произошло перевешивание холодных или теплых оттенков.
Цветоведение выделяет следующие цветовые гаммы:
Красную: малиновый, вишневый, гранатовый, цвет красной смородины, розовый (полевая гвоздика), лафитный (красное виноградное вино), амарант (древесина красного дерева), пунцовый (яркий красный), бордо, земляничный, клубничный, нежно-розовый, цикламен (то есть темно-красный с оттенком розового), оттенок розовой пудры, желто-розовый, само (или телесно-розовый), малиново-красный, клюквенный, алый, брусничный, рубиновый, кумачовый, томатный, коралловый.
Оранжевую: апельсиновый, мандариновый, золотистый, морковный, цвет ржавчины, беж (с желтоватым светло-коричневым оттенком), экрю (старая слоновая кость с бронзовым оттенком), кофейный, молоко с кофе, кофе с молоком, шоколадный, гаванна (цвет сигар), цвет загара, каштановый, терракота (красновато-коричневый), коричневый, осенний (осиновый лист), мускат (мускатный орех), бронзовый, цвет сандалового дерева.
Желтую: лимонный, канареечный, банановый, соломенный, крем, жемчужный, палевый (бледно-желто-розовый), шафран (коричнево-желтый), табачный, янтарный, латунный, цвет сухой горчицы, желтовато-серый, песочный.
Желто-зеленую: гороховый, яблочный, фисташковый (или зеленоватый), оливковый (зелено-желтый), изумрудный, травянистый, резеда, хаки (коричнево-зеленый).
Голубовато-зеленую: цвет морской волны, воды, льда, павлиновый, полынный, бирюзовый, миртовый (темно-голубо-зеленый), кипарисовый, лилово-синий, зелено-голубой, бледно-зеленый, голубовато-серо-зеленый (эвкалипт).
Голубую: пепельный, небесно-голубой, незабудковый, сапфирно-голубой, голубо-пепельный, сумрачно-голубой, цвет гортензии, электрик.
Синюю: васильковый, индиго (темно-синий), перванш (темно-голубо-серый), ультрамарин (синька), кубовый (густо-синий), лазурный.
Фиолетовую: сиреневый, садовая фиалка, аметистовый, персидская сирень, лесная фиалка, лиловый, гелиотроп (темно-лиловый), ирис, лесная орхидея, свекольный, сливовый, фуксия, цвет примулы.
Серую: суровый, грифельный, графитный, свинцовый, темно-свинцовый, дымчатый, светло-серо-голубой, пыльный, стальной, цвет зимней беличьей шкурки.
Спасибо за ваше внимание! Желаем вдохновения и творческих взлетов!
Творчество. Свобода. Живопись.Если вы нашли неточности или желаете дополнить эту статью, присылайте нам информацию на электронный адрес [email protected], мы и наши читатели будем вам очень благодарны.
Allpainters.ru создан людьми, искренне увлеченными миром творчества. Присоединяйтесь к нам!
Цветовой круг Иттена. 5 способов сочетать цвета правильно
Хочу поделиться интересной, на мой взгляд, и полезной информацией.
Возможно, кто-то уже слышал о Цветовом круге Иттена, который предлагает нам освоить 5 способов, чтобы научиться сочетать самые сумасшедшие цвета без ошибок.
Иттен Йоханнес (Itten, Johannes) — швейцарский художник, теоретик нового искусства и выдающийся педагог. Получил всемирную известность благодаря сформированному им учебному курсу Баухауза, так называемому форкурсу, который лёг в основу преподавания многих современных начальных художественных учебных заведений.
Вдумчивый исследователь, свои теоретические и педагогические взгляды и, что особенно ценно, саму систему подготовки художников, Иттен изложил в своих знаменитых книгах о цвете и форме, изданных на многих языках.
Его система призвана не подавлять личность, а помогать художнику выбрать свой путь, не теряя уверенности в своих силах.
Его элементарная таблица отучит вас бояться разноцветных вещей и поможет гармонично их сочетать.
Способ № 1: Сочетание первичных цветов
Существует три первичных цвета:
- синий;
- красный;
- желтый.
Они находятся в центральном треугольнике, для более легконо восприятия они соединены между собой. Эти три цвета удивительно гармонично смотрятся в одном образе как все вместе, так и в сочетании по парно.
Комбинация этих трех основных цветов — сильная, яркая и эмоциональная. В нем отсутствует контраст дополнительных оттенков. А выразительность достигается разницей оттенков.
Выберите один из этих базовых цветов и купите, например, красную водолазку, а к ней — желтую юбку и голубое платье-комбинацию (см.фото 1) или выберите основной цвет и дополните аксессуарами из этой «цветовой тройки».
Все! Образ готов! 🙂
Способ № 2: Сочетание аналоговых цветов
Это один из самых простых способов сочетания цветов в одежде.
Аналоговые цвета стоят в круге рядом и последовательно. Вы выбираете один из них, например, зеленый — и смело сочетаете его с вещами аналоговых цветов, стоящих в круге по соседству, кроме того, в такой образ отлично впишется и небесно-голубой и бирюзовый. Как пример — образ девушки на картинке слева (см.выше): бирюзовая дубленка, платье-комбинация цвета морской волны и голубая сумочка — необычно, стильно и весьма элегантно!
Или же на фото ниже. Говорят, что фиолетовый — это цвет депрессии и одиночества. Возможно где-то это и так, если это изо дня в день повторяющиеся монотонные образы, но когда один фиолетовый разбавляешь родственными ему тонами и полутонами, добавляешь соседний к нему фуксию, то здесь сразу на лицо весна, цветы, пение птиц и прекрасное настроение! 🙂
Смотрятся аналоговые цвета в одном образе всегда очень гармонично, спокойно и
Способ № 3: Сочетание противоположных цветов
Для этого способа сочетания используют противоположные друг другу цвета.
В качестве примера рассмотрим пару синий-оранжевый или фиолетовый-оранжевый, что, казалось бы, на слух воспринимается критично). К примеру, худи темно-синего (иссине-черного) цвета, придает образу строгости и элегантности, а шелковая оранжевая юбка в бельевом стиле — яркости и романтичности — смотрится роскошно!
Для эксперимента выберите любой оттенок на палитре и, чтобы не запутаться, соедините его линией с противоположным.
Способ № 4: Сочетание цветов по принципу треугольника
Этот способ еще называют классической триадой.
(Кстати, есть еще способ по принципу квадрата или четырехугольника, где получается больше цветов в образе, но это уже для более смелых девушек, склонных к творческим экспериментам).
Для способа «треугольник» достаточно выбрать на круге один базовый для образа цвет и соединить с ним еще два таким образом, чтобы получился треугольник.
Допустим, мы выбрали ярко-синий (электрик) и строим треугольник — в двух его вершинах окажутся желтый и один из красных тонов. Вы можете совместить в одном образе три отдельные вещи, используя эти цвета, либо купить любую вещь с принтом, где присутствуют все эти цвета.
Способ № 5: Усложненное сочетание противоположных цветов
Наверное, это самый не простой метод, но усложненное сочетание противоположных цветов в одежде выглядит невероятно стильно.
Здесь ваша задача будет заключаться в следующем: необходимо выбрать три аналоговых цвета (смотри способ № 2) и один контрастный с противоположной стороны круга. На нашем примере схема получилась следующая: желто-оранжевый, оранжевый, красно-оранжевый — аналоговые цвета, голубой — контрастный, противоположный.
Обязательно попробуйте собрать хотя бы один образ с помощью цветового круга Иттена, используя один из способов.
Экспериментируйте! Это намного проще, чем кажется!
Материал взят из открытого доступа в интернете.
Оказалась ли для вас полезной статья? 🙂
Жду ваших комментариев!
Всем спасибо за прочтение!
«Цветовая гамма, которая подойдёт для любого дизайна интерьера? » – Яндекс.Кью
Дизайн интерьера определяет не только цветовая гамма. Дизайн определяет фактура всех используемых в помещении материалов (для любых поверхностей, мебели, тканей), стиль и форма мебельных предметов и светильников, конфигурация помещения, декоративные элементы и т.д. И среди всех цветов только белый может претендовать на некоторую универсальность, но с рядом оговорок.
Вот простой пример. Допустим, есть только белый цвет и оттеняющий его серый. Оформляем интерьер в современном скандинавском стиле:
И вот тот же белый, но в сугубо классическом интерьере:
Да, белый кажется универсальным. Однако, вполне может быть, что ваше отношение к жизни вообще не предполагает использование белого цвета в интерьере. И никакое утверждение о его универсальности не заставит вас жить в таком белоснежном доме. Если ваше представление об интерьере связано, прежде всего, с практичностью, то тогда вы будете выбирать более насыщенные тона и практичные материалы. И это станет отправной точкой вашей работы с дизайнером. Есть другая причина отказа от белого, например, национальные мотивы. Восточный стиль, приверженцем которого вы можете оказаться, предполагает буйство красок, насыщенные тона, совмещение ярких оттенков. Здесь белый будет не уместен:
Или стиль лофт, здесь белый возможен только в элементах, и то не всегда:
В этом и заключается работа дизайнера — понять, что ближе именно для вас, в каком пространстве вы будете жить и наслаждаться окружающим вас интерьером. Именно эту задачу вы должны решить совместно, а не искать что-то универсальное.
Код | Наименование | Примерный вид | Металлик | Описание |
---|---|---|---|---|
503 | аккорд |
| + | серебристо-коричневый |
309 | аллигатор |
| + | оливково-зелёный |
1018 | алмаз.серебро |
| + | (ИЖ) серебристый |
660 | альтаир |
| + | серебристый светло-серый |
355 | амазонка |
| ярко-зеленый | |
145 | аметист |
| + | серебристый фиолетовый |
371 | амулет |
| + | серебристо-темно-зеленый |
425 | андриатика |
| голубой | |
125 | антарес |
| + | темно-вишневый |
277 | антилопа |
| + | серебристо-бежевый |
286 | апатия |
| + | серебристый оранжевый |
305 | аспарагус |
| + | серебристо-зеленый |
490 | астероид |
| + | темно-сине-зеленый |
440 | атлантика |
| светло-синий | |
1158 | аустер |
| + | (GM) светло-серый |
421 | афалина |
| + | серебристо-зелено-голубой |
218 | аэлита |
| + | бежевый |
645 | базальт |
| + | серо-черный |
107 | баклажан |
| темно-фиолетовый | |
420 | балтика |
| темно-сине-зеленый | |
353 | бальзам |
| зеленый | |
273 | бархан |
| бежевый | |
235 | бежевый |
| бежевый | |
240 | белое облако |
| белый | |
201 | белый |
| белый | |
302 | бергамот |
| + | серебристо-зеленый |
633 | борнео |
| + | серебристо-темно серый |
451 | боровница |
| + | серебристо-серо-синий |
480 | бриз |
| зелено-голубой | |
262 | бронзовый век |
| + | бежево-коричневый |
464 | валентина |
| серо-фиолетовый | |
310 | валюта |
| + | серо-зеленый |
191 | ВЕНЕРА |
| + | красный |
655 | викинг |
| + | темно-серый |
129 | виктория |
| + | серебристый ярко-красный |
132 | вишн. сад |
| темно-серебристо-красный | |
127 | вишня |
| темно-бордовый | |
313 | водолей |
| + | серо-зеленый |
488 | галактика |
| + | темно-фиолетовый |
423 | гейзер |
| + | серо-голубой |
481 | голубой |
| голубой | |
180 | гранат |
| темно-бордовый | |
682 | гранта |
| + | серо-синий |
150 | дефиле |
| серебристо-серо-коричневый | |
285 | джем |
| + | оранжево-коричневый |
424 | дипломат |
| + | синий |
502 | дыня |
| + | серебристо-желтый |
321 | дюшес |
| + | серебристо-молочно-зеленый |
203 | жасмин |
| бело-желтый | |
230 | жемчуг |
| + | серебристо-бело-молочный |
627 | жимолость |
| + | серо-синий |
307 | защитный |
| зеленый | |
257 | звездная пыль |
| + | бежево-сиреневый |
307 | зел.сад |
| темно-зеленый | |
963 | зеленый |
| + | зеленый |
1012 | зеленый авокадо |
| (ИЖ) темно-зеленый | |
1901 | зол.звезда |
| + | (GM) бежево-золотистый |
331 | зол.лист |
| + | золотистый темно-зеленый |
245 | золотая нива |
| + | серебристо-желто-зеленый |
109 | золотисто-бежевый |
| + | (ИЖ) золотисто-бежевый |
347 | золото инков |
| + | золотистый темно-зеленый |
311 | игуана |
| + | серебристо-ярко-зеленый |
515 | изабелла |
| + | темно-филетовый |
385 | изумруд |
| + | серебристо-зеленый |
441 | индиго |
| темно-синий | |
406 | ирис |
| фиолетовый | |
128 | искра |
| + | красный |
358 | кайман |
| + | темно-зеленый |
104 | калина |
| + | ярко-красный |
190 | калифор. мак |
| + | золотисто-красный |
453 | капри |
| + | темно-сине-зеленый |
212 | капучино |
| светлый серо бежевый | |
101 | кардинал |
| ярко-красный | |
118 | кармен |
| красный | |
630 | кварц |
| + | темно-серый |
352 | кедр |
| серо-зеленый | |
381 | кентавр |
| + | темно-зеленый |
322 | колумб.зелень |
| + | золотисто-оливковый |
116 | коралл |
| + | серебристый темно-красный |
790 | кориандр |
| + | золотисто-коричневый |
798 | корица |
| + | коричневый |
370 | корсика |
| + | серебристый болотно-зеленый |
665 | космос |
| + | черный |
1017 | красн.перец |
| + | (ИЖ) серебристо-вишневый |
1013 | красный порту |
| (ИЖ) вишневый | |
281 | кристалл |
| + | светло-серый |
171 | кубок |
| красный | |
435 | ла-манш |
| + | серебристо-фиолетовый |
675 | лаванда |
| серебристо-коричневый | |
487 | лагуна |
| + | серебристо-синий |
411 | ладога |
| + | серебристо-голубой |
445 | лазурит |
| + | фиолетово-синий |
498 | лазурно-синий |
| + | серебристый темно-синий |
221 | ледниковый |
| белый | |
413 | ледяной |
| + | голубой |
495 | лунный свет |
| + | светло-голубой |
410 | магеллан |
| темно-синий | |
133 | магия |
| + | серебристо-ярко-фиолетовый |
119 | магма |
| + | оранжевый |
120 | майя |
| + | серебристый темно-бордовый |
428 | медео |
| голубой | |
234 | медовый |
| + | желто-золотой |
317 | меридиан |
| зеленый | |
1014 | мерц.синий |
| + | (ИЖ) серебристо-темно-синий |
217 | миндаль |
| + | серебристо-бежево-розовый |
280 | мираж |
| + | серебристый-желто-зеленый |
606 | млеч. путь |
| + | серебристо-серо-графитовый |
626 | мокр.асф |
| + | серебристый стальной |
403 | монте-карло |
| ярко-синий | |
325 | морск. пучина |
| темно-зеленый | |
458 | мулен руж |
| ярко-фиолетовый | |
377 | мурена |
| сине-зеленый | |
426 | мускари |
| + | |
620 | мускат |
| + | серебристо-серо-золотистый |
223 | нарцисс |
| желтый | |
304 | наутилус |
| темно-зеленый | |
239 | невада |
| + | серебристо-серо-бежевый |
628 | нептун |
| + | серебристо-темно-серо-синий |
368 | несси |
| темно-зеленый | |
270 | нефертити |
| + | серебристый-бежевый |
383 | ниагара |
| + | серебристо-серо-голубоватый |
328 | ницца |
| + | сине-зелёный |
497 | одиссей |
| + | серо-синий |
1001 | озеро тахо |
| + | (УАЗ)темно-серо-зеленый |
449 | океан |
| темно-синий | |
345 | оливин |
| + | золотисто-зеленый |
340 | оливковый |
| желто-зеленый | |
1121 | олимпия |
| + | (GM) ярко-синий |
419 | опал |
| + | серебристо-голубоватый |
632 | орион |
| + | средне-стальной |
643 | орхидея |
| + | серебристо-бежевый |
308 | осока |
| + | зелено-голубой |
387 | папирус |
| + | серебристо-серо-зеленоватый |
152 | паприка |
| + | серебристо-красно-оранжевый |
429 | персей |
| + | темно-синий |
404 | петергоф |
| серо-зеленоватый | |
795 | пирано |
| + | красно-коричневый |
417 | пицунда |
| зелено-синий | |
691 | платина |
| + | серебристо-бежевый |
615 | полюс мира |
| + | серо-коричневый |
192 | портвейн |
| + | |
406 | посейдон |
| + | темно-синий |
222 | премьер |
| ярко желтый | |
342 | прерия |
| + | серебристо-серо-зеленый |
605 | престиж |
| + | серебристо-темно-синий |
276 | приз |
| + | серебристо-бежевый |
210 | примула |
| светло-желтый | |
448 | рапсодия |
| + | серебристо-ярко-синий |
412 | регата |
| + | серебристо-темно-синий |
122 | реклама |
| ярко-красный | |
499 | ривьера |
| + | сине-фиолетовый |
610 | рислинг |
| + | серебристо-бледно-серый |
1002 | ричмо |
| + | (УАЗ) темно-коричневый |
391 | робин гуд |
| + | тёмно-зелёный |
182 | романс |
| темно-красный | |
110 | рубин |
| красный | |
442 | садко |
| темно-голубой | |
1005 | салатовый |
| + | салатовый |
452 | сан-тропе |
| + | ярко-синий |
670 | сандал |
| + | бежево-красный |
446 | сапфир |
| + | серебристый сине-фиолетовый |
215 | сафари |
| светло-бежевый | |
671 | светло-серый |
| светло-серый | |
301 | сер. ива |
| + | серебристый-зеленовато-серый |
640 | серебристый |
| + | серебристый |
236 | серо-бежевый |
| серо-бежевый | |
233 | серо-бел |
| серо-белый | |
427 | серо-голуб |
| серо-голубой | |
373 | серо-зеленый |
| серо-зеленый | |
1019 | серое олово |
| + | (ИЖ) серый серебристый |
242 | серый базальт |
| + | серо-бежевый |
1011 | синий калипсо |
| (ИЖ) темно-синий | |
447 | синяя полночь |
| синий | |
483 | сириус |
| + | серо-синий |
478 | слива |
| + | серебристо-ярко-синий |
295 | сливочно-белый |
| сливочно-белый | |
690 | сн. королева |
| + | серебристый |
202 | снежно-белый |
| снежно-белый | |
650 | совиньон |
| + | серебристо-серый |
791 | солярис |
| темно коричневый | |
360 | сочи |
| + | серебристо-серо-зеленоватый |
399 | табачный |
| + | серебристый коричнево-зеленый |
206 | талая вода |
| + | светло-серый |
509 | темно-бежевый |
| темно-бежевый | |
793 | темно-коричневый |
| темно-коричневый | |
456 | темно-синий |
| темно-синий | |
170 | торнадо |
| красный | |
100 | триумф |
| + | серебристо-красный |
475 | тундра |
| + | серебристо-зеленоватый |
1020 | ультрамарин |
| (ИЖ) сине-зеленый | |
1115 | феерия |
| + | (GM) ярко-красный |
622 | феникс |
| + | черный |
416 | фея |
| + | серебристо-сиреневый |
105 | франкония |
| + | темно-вишнево-малиновый |
430 | фрегат |
| цвет морской волны | |
363 | цунами |
| + | темно-зеленый |
228 | чайная роза |
| светло-желтый | |
408 | чароит |
| + | серебристый темно-фиолетовый |
162 | черешня |
| темно-алый | |
672 | черная пантера |
| черный, двойная эмаль | |
482 | черника |
| + | темно-синий |
601 | черный |
| черный | |
1021 | черный графит |
| + | (ИЖ) серебристо-серо-графитовый |
513 | черный жемчуг |
| + | серебристо-коричневый |
651 | черный трюфель |
| + | черный |
637 | черный шоколад |
| + | темно-коричневый |
415 | электрон |
| + | темно-серый |
290 | южный крест |
| + | серо-бежевый |
473 | юпитер |
| + | серебристо-голубоватый |
140 | яшма |
| темно-вишневый |
Список цветов — Простая английская Википедия, бесплатная энциклопедия
Из Википедии, свободной энциклопедии
Перейти к навигации Перейти к поискуИмя | Цвет | HTML (HEX) код | Красный (RGB) (0-255) | Зеленый (RGB) (0-255) | Синий (RGB) (0-255) | оттенок (HSL) (0 — 360) | сб (HSL) (0–100) | Люм (HSL) (0-10) |
---|---|---|---|---|---|---|---|---|
Амарант | # E52B50 | 229 | 43 | 80 | 348 * | 81% | 53% | |
Янтарь | # FFBF00 | 255 | 191 | 0 | 45 * | 100% | 50% | |
Аметист | # 9966CC | 153 | 102 | 204 | 270 * негинбе | 50% | 60% | |
Абрикос | # FBCEB1 | 251 | 206neginbe | 177 | 24 * | 29% негинбе | 84% | |
Аквамарин | # 7FFFD4neginbe | 127 | 255 | 212 | 160 * | 50% | 75% | |
Лазурный | # 007FFF | 0 | 127 | 255 | 210 * | 100% | 50% | |
Нежно-голубой | # 89CFF0 | 137 | 207 | 240 | 199 * | 43% | 74% | |
бежевый | # F5F5DC | 245 | 245 | 220 | 60 * | 10% | 91% | |
Красный кирпич | # CB4154 | 203 | 65 | 84 | 352 * | 57% | 53% | |
Черный | # 000000 | 0 | 0 | 0 | любая | любая | 0% | |
синий | # 0000FF | 0 | 0 | 255 | 240 * | 100% | 50% | |
Сине-зеленый | # 0095B6 | 0 | 149 | 182 | 191 * | 100% | 36% | |
сине-фиолетовый | # 8A2BE2 | 138 | 43 | 226 | 271 * | 81% | 53% | |
Румяна | # DE5D83 | 222 | 93 | 131 | 342 * | 58% | 62% | |
бронза | # CD7F32 | 205 | 127 | 50 | 30 * | 76% | 50% | |
коричневый | # 964B00 | 150 | 75 | 0 | 30 * | 100% | 29% | |
бордовый | # 800020 | 128 | 0 | 32 | 345 * | 100% | 25% | |
Византия | # 702963 | 112 | 41 | 99 | 311 * | 63% | 30% | |
кармин | # 960018 | 150 | 0 | 24 | 350 * | 100% | 29% | |
Cerise | # DE3163 | 222 | 49 | 99 | 343 * | 78% | 53% | |
Церулеан | # 007BA7 | 0 | 123 | 167 | 196 * | 100% | 33% | |
Шампанское | # F7E7CE | 247 | 231 | 206 | 37 * | 17% | 89% | |
Шартрез зеленый | # 7FFF00 | 127 | 255 | 0 | 90 * | 100% | 50% | |
Шоколадный | # 7B3F00 | 123 | 63 | 0 | 31 * | 100% | 24% | |
синий кобальт | # 0047AB | 0 | 71 | 171 | 215 * | 100% | 34% | |
Кофе | # 6F4E37 | 111 | 78 | 55 | 25 * | 50% | 33% | |
Медь | # B87333 | 184 | 115 | 51 | 29 * | 72% | 46% | |
Коралл | # FF7F50 | 255 | 127 | 80 | 16 * | 69% | 66% | |
Малиновый | # DC143C | 220 | 20 | 60 | 348 * | 91% | 47% | |
голубой | # 00FFFF | 0 | 255 | 255 | 180 * | 100% | 50% | |
Песок пустыни | # EDC9Af | 237 | 201 | 175 | 25 * | 26% | 81% | |
Синий электрик | # 7DF9FF | 125 | 249 | 255 | 183 * | 51% | 75% | |
Изумруд | # 50C878 | 80 | 200 | 120 | 140 * | 60% | 55% | |
Эрин | # 00FF3F | 0 | 255 | 63 | 135 * | 100% | 50% | |
Золото | # FFD700 | 255 | 215 | 0 | 51 * | 100% | 50% | |
серый | # 808080 | 128 | 128 | 128 | любая | 0% | 50% | |
зеленый | # 008000 | 0 | 128 | 0 | 120 * | 100% | 25% | |
Арлекин | # 3FFF00 | 63 | 255 | 0 | 105 * | 100% | 50% | |
Индиго | # 4B0082 | 75 | 0 | 130 | 275 * | 100% | 25% | |
слоновая кость | # FFFFF0 | 255 | 255 | 240 | 60 * | 6% | 97% | |
нефрит | # 00A86B | 0 | 168 | 107 | 158 * | 100% | 33% | |
Джунгли зеленый | # 29AB87 | 41 | 171 | 135 | 163 * | 76% | 42% | |
Лаванда | # B57EDC | 181 | 126 | 220 | 275 * | 43% | 68% | |
лимон | # FFF700 | 255 | 247 | 0 | 58 * | 100% | 50% | |
Сирень | # C8A2C8 | 200 | 162 | 200 | 300 * | 19% | 71% | |
лайм | # BFFF00 | 191 | 255 | 0 | 75 * | 100% | 50% | |
пурпурный | # FF00FF | 255 | 0 | 255 | 300 * | 100% | 50% | |
пурпурный розовый | # FF00AF | 255 | 0 | 175 | 319 * | 100% | 50% | |
Бордовый | # 800000 | 128 | 0 | 0 | 0 * | 100% | 25% | |
лиловый | # E0B0FF | 224 | 176 | 255 | 276 * | 31% | 85% | |
темно-синий | # 000080 | 0 | 0 | 128 | 240 * | 100% | 25% | |
Охра | # CC7722 | 204 | 119 | 34 | 30 * | 83% | 80% | |
оливковое | # 808000 | 128 | 128 | 0 | 60 * | 100% | 25% | |
оранжевый | # FF6600 | 255 | 102 | 0 | 24 * | 100% | 50% | |
Оранжево-красный | # FF4500 | 255 | 69 | 0 | 16 * | 100% | 50% | |
Орхидея | # DA70D6 | 218 | 112 | 214 | 302 * | 49% | 65% | |
персик | # FFE5B4 | 255 | 229 | 180 | 39 * | 29% | 85% | |
груша | # D1E231 | 209 | 226 | 49 | 66 * | 78% | 54% | |
Барвинок | #CCCCFF | 204 | 204 | 255 | 240 * | 20% | 90% | |
персидский синий | # 1C39BB | 28 | 57 | 187 | 229 * | 85% | 42% | |
розовый | # FD6C9E | 253 | 108 | 158 | 339 * | 57% | 71% | |
Слива | # 8E4585 | 142 | 69 | 133 | 307 * | 51% | 41% | |
берлинский синий | # 003153 | 0 | 49 | 83 | 205 * | 100% | 16% | |
Puce | # CC8899 | 204 | 136 | 153 | 345 * | 33% | 67% | |
фиолетовый | # 800080 | 128 | 0 | 128 | 300 * | 100% | 25% | |
Малина | # E30B5C | 227 | 11 | 92 | 338 * | 95% | 47% | |
Красный | # FF0000 | 255 | 0 | 0 | 0 * | 100% | 50% | |
Красно-фиолетовый | # C71585 | 199 | 21 | 133 | 322 * | 89% | 43% | |
Роза | # FF007F | 255 | 0 | 127 | 330 * | 100% | 50% | |
Рубин | # E0115F | 224 | 17 | 95 | 337 * | 92% | 47% | |
Лосось | # FA8072 | 250 | 128 | 114 | 6 * | 54% | 98% | |
Сангрия | # 92000A | 146 | 0 | 10 | 356 * | 100% | 29% | |
Сапфир | # 0F52BA | 15 | 82 | 186 | 216 * | 92% | 39% | |
Алый | # FF2400 | 255 | 36 | 0 | 8 * | 100% | 50% | |
Серебро | # C0C0C0 | 192 | 192 | 192 | любая | 0% | 75% | |
Серый шифер | # 708090 | 112 | 128 | 144 | 210 * | 22% | 50% | |
Весенний бутон | # A7FC00 | 167 | 252 | 0 | 80 * | 100% | 49% | |
Весенний зеленый | # 00FF7F | 0 | 255 | 127 | 150 * | 100% | 50% | |
Тан | # D2B48C | 210 | 180 | 140 | 34 * | 33% | 69% | |
серо-коричневый | # 483C32 | 72 | 60 | 50 | 27 * | 31% | 24% | |
бирюзовый | # 008080 | 0 | 128 | 128 | 180 * | 100% | 25% | |
бирюзовый | # 40E0D0 | 64 | 224 | 208 | 174 * | 71% | 56% | |
Ультрамарин | # 3F00FF | 63 | 0 | 255 | 255 * | 100% | 50% | |
фиолетовый | # 7F00FF | 127 | 0 | 255 | 270 * | 100% | 50% | |
Виридиановый | # 40826D | 64 | 130 | 109 | 161 * | 51% | 38% | |
Белый | #FFFFFF | 255 | 255 | 255 | любая | любая | 100% | |
желтый | # FFFF00 | 255 | 255 | 0 | 60 * | 100% | 50% |
HTML 🎨
HTML цветовых кодов и названий.
Палитра цветов HTML
Красный цвет
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
светлый лосось | # FFA07A | RGB (255,160,122) | |
лосось | # FA8072 | RGB (250,128,114) | |
темный лосось | # E9967A | RGB (233,150,122) | |
светло-коралловый | # F08080 | RGB (240,128,128) | |
индийский красный | # CD5C5C | RGB (205,92,92) | |
малиновый | # DC143C | RGB (220,20,60) | |
огнеупорный кирпич | # B22222 | RGB (178,34,34) | |
красный | # FF0000 | RGB (255,0,0) | |
темно-красный | # 8B0000 | RGB (139,0,0) |
Оранжевый цвет
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
коралл | # FF7F50 | RGB (255,127,80) | |
помидор | # FF6347 | RGB (255,99,71) | |
оранжево-красный | # FF4500 | RGB (255,69,0) | |
золото | # FFD700 | RGB (255 215,0) | |
оранжевый | # FFA500 | RGB (255,165,0) | |
темно-оранжевый | # FF8C00 | RGB (255,140,0) |
Желтые тона
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
светло-желтый | # FFFFE0 | RGB (255,255,224) | |
лимонный шифон | #FFFACD | RGB (255,250,205) | |
светло-золотисто-желтый | # FAFAD2 | RGB (250,250,210) | |
papayawhip | # FFEFD5 | RGB (255 239 213) | |
мокасины | # FFE4B5 | RGB (255 228 181) | |
персиковый | # FFDAB9 | RGB (255 218 185) | |
палево-золотой | # EEE8AA | RGB (238,232,170) | |
хаки | # F0E68C | RGB (240,230,140) | |
даркхаки | # BDB76B | RGB (189 183 107) | |
желтый | # FFFF00 | RGB (255,255,0) |
Зеленые цвета
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
зеленый | # 7CFC00 | RGB (124,252,0) | |
шартрез | # 7FFF00 | RGB (127,255,0) | |
зеленовато-зеленый | # 32CD32 | RGB (50,205,50) | |
лайм | # 00FF00 | rgb (0.255,0) | |
лесозеленый | # 228B22 | RGB (34,139,34) | |
зеленый | # 008000 | RGB (0,128,0) | |
темно-зеленый | # 006400 | гб (0,100,0) | |
зелено-желтый | # ADFF2F | RGB (173,255,47) | |
желто-зеленый | # 9ACD32 | RGB (154,205,50) | |
весенне-зеленый | # 00FF7F | RGB (0,255,127) | |
средний весенний зеленый | # 00FA9A | RGB (0,250,154) | |
светло-зеленый | # 90EE90 | RGB (144 238 144) | |
палево-зеленый | # 98FB98 | RGB (152 251 152) | |
темно-синий | # 8FBC8F | RGB (143 188 143) | |
средний, зеленый | # 3CB371 | RGB (60,179,113) | |
морской зеленый | # 2E8B57 | RGB (46,139,87) | |
оливковое | # 808000 | RGB (128,128,0) | |
темно-оливковый, зеленый | # 556B2F | RGB (85,107,47) | |
оливедраб | # 6B8E23 | RGB (107,142,35) |
Голубые цвета
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
светло-голубой | # E0FFFF | RGB (224,255,255) | |
голубой | # 00FFFF | RGB (0,255,255) | |
аква | # 00FFFF | RGB (0,255,255) | |
аквамарин | # 7FFFD4 | RGB (127,255,212) | |
средний аквамарин | # 66CDAA | RGB (102,205,170) | |
палитра бирюза | #AFEEEE | RGB (175 238 238) | |
бирюза | # 40E0D0 | RGB (64 224 208) | |
средняя бирюза | # 48D1CC | RGB (72 209 204) | |
темно-бирюзовый | # 00CED1 | RGB (0,206,209) | |
светло-зеленый | # 20B2AA | RGB (32 178 170) | |
кадетсиний | # 5F9EA0 | RGB (95,158,160) | |
темно-синий | # 008B8B | RGB (0,139,139) | |
бирюзовый | # 008080 | RGB (0,128,128) |
Синие цвета
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
голубой | # B0E0E6 | RGB (176,224,230) | |
голубой | # ADD8E6 | RGB (173 216 230) | |
огни, голубой | # 87CEFA | RGB (135 206 250) | |
голубой | # 87CEEB | RGB (135,206,235) | |
темно-синий | # 00BFFF | гб (0,191,255) | |
голубой | # B0C4DE | RGB (176,196,222) | |
dodgerblue | # 1E90FF | RGB (30,144,255) | |
васильковый | # 6495ED | RGB (100,149,237) | |
голубой | # 4682B4 | RGB (70,130,180) | |
королевский синий | # 4169E1 | RGB (65,105,225) | |
синий | # 0000FF | гб (0,0,255) | |
средний синий | # 0000CD | RGB (0,0,205) | |
темно-синий | # 00008B | RGB (0,0,139) | |
темно-синий | # 000080 | гб (0,0,128) | |
полуночно-синий | # 191970 | RGB (25,25,112) | |
средний голубой | # 7B68EE | RGB (123 104 238) | |
грифельно-голубой | # 6A5ACD | RGB (106,90,205) | |
темно-синий | # 483D8B | RGB (72,61,139) |
Пурпурный
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
лаванда | # E6E6FA | RGB (230,230,250) | |
чертополох | # D8BFD8 | RGB (216,191,216) | |
слива | # DDA0DD | RGB (221 160 221) | |
фиолетовый | # EE82EE | RGB (238 130 238) | |
орхидея | # DA70D6 | RGB (218,112,214) | |
фуксия | # FF00FF | гб (255,0,255) | |
пурпурный | # FF00FF | гб (255,0,255) | |
среднеорхид | # BA55D3 | RGB (186,85,211) | |
средне-фиолетовый | # 9370DB | RGB (147,112,219) | |
сине-фиолетовый | # 8A2BE2 | RGB (138,43,226) | |
темно-фиолетовый | # 9400D3 | RGB (148,0 211) | |
даркорхид | # 9932CC | RGB (153,50,204) | |
темно-пурпурный | # 8B008B | RGB (139,0,139) | |
фиолетовый | # 800080 | RGB (128,0,128) | |
индиго | # 4B0082 | RGB (75,0,130) |
Розовые тона
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
розовый | # FFC0CB | RGB (255,192,203) | |
светло-розовый | # FFB6C1 | RGB (255 182 193) | |
хотпинк | # FF69B4 | RGB (255 105 180) | |
диппинк | # FF1493 | RGB (255,20,147) | |
палево-фиолетовый | # DB7093 | RGB (219 112 147) | |
средний фиолетовый | # C71585 | RGB (199,21,133) |
Белый цвет
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
белый | #FFFFFF | гб (255,255,255) | |
снег | #FFFAFA | RGB (255,250,250) | |
медовая роса | # F0FFF0 | RGB (240,255,240) | |
мятный крем | # F5FFFA | RGB (245,255,250) | |
лазурный | # F0FFFF | RGB (240,255,255) | |
aliceblue | # F0F8FF | RGB (240 248 255) | |
ghostwhite | # F8F8FF | RGB (248 248 255) | |
белый дым | # F5F5F5 | RGB (245 245 245) | |
ракушка | # FFF5EE | RGB (255 245 238) | |
бежевый | # F5F5DC | RGB (245 245 220) | |
oldlace | # FDF5E6 | RGB (253 245 230) | |
цветочный белый | # FFFAF0 | RGB (255,250,240) | |
слоновая кость | # FFFFF0 | гб (255,255,240) | |
антикв белый | # FAEBD7 | RGB (250 235 215) | |
белье | # FAF0E6 | RGB (250,240,230) | |
бледно-лиловый | # FFF0F5 | RGB (255 240 245) | |
туманная роза | # FFE4E1 | RGB (255 228 225) |
Серые цвета
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
Gainsboro | #DCDCDC | RGB (220,220,220) | |
светло-серый | # D3D3D3 | RGB (211 211 211) | |
серебро | # C0C0C0 | RGB (192,192,192) | |
темно-серый | # A9A9A9 | RGB (169 169 169) | |
серый | # 808080 | RGB (128,128,128) | |
димгрей | # 696969 | RGB (105,105,105) | |
серый свет | # 778899 | RGB (119,136,153) | |
серый | # 708090 | RGB (112,128,144) | |
темно-серый | # 2F4F4F | RGB (47,79,79) | |
черный | # 000000 | rgb (0,0,0) |
Коричневые цвета
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
корнсилк | # FFF8DC | RGB (255 248 220) | |
бланшированный миндаль | #FFEBCD | RGB (255 235 205) | |
бисквит | # FFE4C4 | RGB (255 228 196) | |
навайовайт | #FFDEAD | RGB (255 222 173) | |
пшеница | # F5DEB3 | RGB (245 222 179) | |
бурливуд | # DEB887 | RGB (222 184 135) | |
загар | # D2B48C | RGB (210,180,140) | |
розово-коричневый | # BC8F8F | RGB (188 143 143) | |
песочно-коричневый | # F4A460 | RGB (244,164,96) | |
золотарник | # DAA520 | RGB (218,165,32) | |
перу | # CD853F | RGB (205,133,63) | |
шоколад | # D2691E | RGB (210,105,30) | |
седло-коричневый | # 8B4513 | RGB (139,69,19) | |
сиена | # A0522D | RGB (160,82,45) | |
коричневый | # A52A2A | RGB (165,42,42) | |
бордовый | # 800000 | RGB (128,0,0) |
См. Также
Напишите, как улучшить эту страницу
Этот веб-сайт использует файлы cookie для улучшения вашего опыта, анализа трафика и отображения рекламы.Выучить больше ,названий цветов CSS
названий цветов CSS-
желто-коричневый
-
# D2B48C
-
RGB (210,180,140)
-
-
морской
-
# 2E8B57
-
RGB (46,139,87)
-
-
средний фиолетовый
-
# C71585
-
RGB (199,21,133)
-
-
темно-красный
-
# 8B0000
-
RGB (139,0,0)
-
-
темно-синий
-
# 483D8B
-
RGB (72,61,139)
-
-
среднеорхид
-
# BA55D3
-
RGB (186,85,211)
-
-
темно-серый
-
# A9A9A9
-
RGB (169 169 169)
-
-
aliceblue
-
# F0F8FF
-
RGB (240 248 255)
-
-
бисквит
-
# FFE4C4
-
RGB (255 228 196)
-
-
светло-голубой
-
# 87CEFA
-
RGB (135 206 250)
-
-
голубой
-
# 00FFFF
-
RGB (0,255,255)
-
-
шоколад
-
# D2691E
-
RGB (210,105,30)
-
-
средний бирюзовый
-
# 48D1CC
-
RGB (72 209 204)
-
-
медовая роса
-
# F0FFF0
-
RGB (240,255,240)
-
-
серый
-
# 808080
-
RGB (128,128,128)
-
-
темный лосось
-
# E9967A
-
RGB (233,150,122)
-
-
лайм
-
# 00FF00
-
RGB (0,255,0)
-
-
зеленый
-
# 008000
-
RGB (0,128,0)
-
-
голубой свет
-
# B0C4DE
-
RGB (176 196 222)
-
-
средний аквамарин
-
# 66CDAA
-
RGB (102,205,170)
-
-
светло-золотисто-желтый
-
# FAFAD2
-
RGB (250,250,210)
-
-
бланшед миндаль
-
#FFEBCD
-
RGB (255 235 205)
-
-
темно-фиолетовый
-
# 9400D3
-
RGB (148,0 211)
-
-
розовый
-
# FFC0CB
-
RGB (255,192,203)
-
-
средний синий
-
# 0000CD
-
RGB (0,0,205)
-
-
темно-зеленый
-
# 006400
-
RGB (0,100,0)
-
-
серый свет
-
# 778899
-
RGB (119,136,153)
-
-
коричневый
-
# A52A2A
-
RGB (165,42,42)
-
-
навайовит
-
#FFDEAD
-
RGB (255 222 173)
-
-
papayawhip
-
# FFEFD5
-
RGB (255 239 213)
-
-
темно-зеленый
-
# 556B2F
-
RGB (85,107,47)
-
-
ребеккапурпл
-
# 663399
-
RGB (102,51,153)
-
-
палево-зеленый
-
# 98FB98
-
RGB (152 251 152)
-
-
темно-пурпурный
-
# 8B008B
-
RGB (139,0,139)
-
-
светло-зеленый
-
# 20B2AA
-
RGB (32 178 170)
-
-
палеоголденрод
-
# EEE8AA
-
RGB (238,232,170)
-
-
палитра бирюза
-
#AFEEEE
-
RGB (175 238 238)
-
-
голубой
-
# 4682B4
-
RGB (70,130,180)
-
-
чертополох
-
# D8BFD8
-
RGB (216,191,216)
-
-
темно-золотистый
-
# B8860B
-
RGB (184,134,11)
-
-
орхидея
-
# DA70D6
-
RGB (218,112,214)
-
-
бледно-лиловый
-
# FFF0F5
-
RGB (255 240 245)
-
-
бежевый
-
# F5F5DC
-
RGB (245 245 220)
-
-
диппинк
-
# FF1493
-
RGB (255,20,147)
-
-
серебро
-
# C0C0C0
-
RGB (192,192,192)
-
-
димгрей
-
# 696969
-
RGB (105,105,105)
-
-
мокасины
-
# FFE4B5
-
RGB (255 228 181)
-
-
темно-оранжевый
-
# FF8C00
-
RGB (255,140,0)
-
-
слоновая кость
-
# FFFFF0
-
RGB (255,255,240)
-
-
бордовый
-
# 800000
-
RGB (128,0,0)
-
-
светло-коралловый
-
# F08080
-
RGB (240,128,128)
-
-
лаванда
-
# E6E6FA
-
RGB (230,230,250)
-
-
кадетсиний
-
# 5F9EA0
-
RGB (95,158,160)
-
-
золото
-
# FFD700
-
RGB (255,215,0)
-
-
темно-синий
-
# 00BFFF
-
RGB (0,191,255)
-
-
полуночный синий
-
# 1
-
RGB (25,25,112)
-
-
фиолетовый
-
# 800080
-
RGB (128,0,128)
-
-
фары категориярей
-
# 778899
-
211 211 211
-
-
средне-фиолетовый
-
# 9370DB
-
RGB (147,112,219)
-
-
королевский синий
-
# 4169E1
-
RGB (65,105,225)
-
-
slategrey
-
# 708090
-
RGB (112,128,144)
-
-
мятный крем
-
# F5FFFA
-
RGB (245,255,250)
-
-
светло-желтый
-
# FFFFE0
-
RGB (255,255,224)
-
-
зеленовато-зеленый
-
# 32CD32
-
RGB (50,205,50)
-
-
старое
-
# FDF5E6
-
RGB (253 245 230)
-
-
светло-розовый
-
# FFB6C1
-
RGB (255 182 193)
-
-
зеленый
-
# 7CFC00
-
RGB (124,252,0)
-
-
оливидраб
-
# 6B8E23
-
RGB (107,142,35)
-
-
белье
-
# FAF0E6
-
RGB (250,240,230)
-
-
цветочный белый
-
# FFFAF0
-
RGB (255,250,240)
-
-
хотпинк
-
# FF69B4
-
RGB (255 105 180)
-
-
серый
-
# 708090
-
RGB (112,128,144)
-
-
морская ракушка
-
# FFF5EE
-
RGB (255 245 238)
-
-
даркхаки
-
# BDB76B
-
RGB (189 183 107)
-
-
Бурливуд
-
# DEB887
-
RGB (222 184 135)
-
-
слива
-
# DDA0DD
-
RGB (221 160 221)
-
-
белый привидение
-
# F8F8FF
-
RGB (248 248 255)
-
-
Гейнсборо
-
#DCDCDC
-
RGB (220,220,220)
-
-
темно-синий
-
# 008B8B
-
RGB (0,139,139)
-
-
темно-синий
-
# 8FBC8F
-
RGB (143 188 143)
-
-
лесозеленый
-
# 228B22
-
RGB (34,139,34)
-
-
темно-серый
-
# A9A9A9
-
RGB (169 169 169)
-
-
вода
-
# 00FFFF
-
RGB (0,255,255)
-
-
антикв белый
-
# FAEBD7
-
RGB (250 235 215)
-
-
снег
-
#FFFAFA
-
RGB (255,250,250)
-
-
седло-коричневый
-
# 8B4513
-
RGB (139,69,19)
-
-
малиновый
-
# DC143C
-
RGB (220,20,60)
-
-
белый
-
#FFFFFF
-
RGB (255,255,255)
-
-
голубой
-
# 6A5ACD
-
RGB (106,90,205)
-
-
персиковый
-
# FFDAB9
-
RGB (255 218 185)
-
-
темно-серый
-
# 2F4F4F
-
RGB (47,79,79)
-
-
хаки
-
# F0E68C
-
RGB (240,230,140)
-
-
голубой
-
# 87CEEB
-
RGB (135,206,235)
-
-
золотарник
-
# DAA520
-
RGB (218,165,32)
-
-
фиолетовый
-
# EE82EE
-
RGB (238 130 238)
-
-
фуксия
-
# FF00FF
-
RGB (255,0,255)
-
-
желто-зеленый
-
# 9ACD32
-
RGB (154,205,50)
-
-
Сиена
-
# A0522D
-
RGB (160,82,45)
-
-
светло-зеленый
-
# 90EE90
-
RGB (144 238 144)
-
-
шартрез
-
# 7FFF00
-
RGB (127,255,0)
-
-
помидор
-
# FF6347
-
RGB (255,99,71)
-
-
весенне-зеленый
-
# 00FF7F
-
RGB (0,255,127)
-
-
желтый
-
# FFFF00
-
RGB (255,255,0)
-
-
сине-фиолетовый
-
# 8A2BE2
-
RGB (138,43,226)
-
-
палево-фиолетовый
-
# DB7093
-
RGB (219,112,147)
-
-
розово-коричневый
-
# BC8F8F
-
RGB (188 143 143)
-
-
оливковое
-
# 808000
-
RGB (128,128,0)
-
-
dodgerblue
-
# 1E90FF
-
RGB (30,144,255)
-
-
даркорхид
-
# 9932CC
-
RGB (153,50,204)
-
-
оранжево-красный
-
# FF4500
-
RGB (255,69,0)
-
-
туманная роза
-
# FFE4E1
-
RGB (255,228,225)
-
-
синий
-
# 0000FF
-
RGB (0,0,255)
-
-
лосось
-
# FA8072
-
RGB (250,128,114)
-
-
пурпурный
-
# FF00FF
-
RGB (255,0,255)
-
-
лосось светлый
-
# FFA07A
-
RGB (255,160,122)
-
-
темно-серый
-
# 2F4F4F
-
RGB (47,79,79)
-
-
индийский
-
# CD5C5C
-
RGB (205,92,92)
-
-
голубой
-
# ADD8E6
-
RGB (173 216 230)
-
-
оранжевый
-
# FFA500
-
RGB (255,165,0)
-
-
лазурный
-
# F0FFFF
-
RGB (240,255,255)
-
-
серый
-
# 808080
-
RGB (128,128,128)
-
-
средний весенний зеленый
-
# 00FA9A
-
RGB (0,250,154)
-
-
коралловый
-
# FF7F50
-
RGB (255,127,80)
-
-
димгрей
-
# 696969
-
RGB (105,105,105)
-
-
военно-морской флот
-
# 000080
-
RGB (0,0,128)
-
-
пшеница
-
# F5DEB3
-
RGB (245 222 179)
-
-
зеленовато-желтый
-
# ADFF2F
-
RGB (173,255,47)
-
-
белый дым
-
# F5F5F5
-
RGB (245 245 245)
-
-
светло-серый
-
# D3D3D3
-
RGB (211,211,211)
-
-
бирюзовый
-
# 008080
-
RGB (0,128,128)
-
-
темно-синий
-
# 00008B
-
RGB (0,0,139)
-
-
васильковый
-
# 6495ED
-
RGB (100 149 237)
-
-
лимонный шифон
-
#FFFACD
-
RGB (255,250,205)
-
-
светло-голубой
-
# E0FFFF
-
RGB (224,255,255)
-
-
голубой порошок
-
# B0E0E6
-
RGB (176,224,230)
-
-
огнеупорный кирпич
-
# B22222
-
RGB (178,34,34)
-
-
Корнсилк
-
# FFF8DC
-
RGB (255 248 220)
-
-
средний голубой
-
# 7B68EE
-
RGB (123,104,238)
-
-
индиго
-
# 4B0082
-
RGB (75,0,130)
-
-
бирюзовый
-
# 40E0D0
-
RGB (64,224,208)
-
-
светло-серый
-
# D3D3D3
-
RGB (211,211,211)
-
-
темно-бирюзовый
-
# 00CED1
-
RGB (0,206,209)
-
-
песочно-коричневый
-
# F4A460
-
RGB (244,164,96)
-
-
перу
-
# CD853F
-
RGB (205,133,63)
-
-
средний зеленый
-
# 3CB371
-
RGB (60,179,113)
-
-
аквамарин
-
# 7FFFD4
-
RGB (127,255,212)
-
цветов
Отображаетсяцветов, сочетающих КРАСНЫЙ, ЗЕЛЕНЫЙ и СИНИЙ свет.
Названия цветов
С помощью CSS можно установить цвета, используя названия цветов:
Значения цветов CSS
В CSS цвета можно указывать по-разному:
- По названию цвета
- Как значения RGB
- В шестнадцатеричном формате
- Как значения HSL (CSS3)
- Как значения HWB (CSS4)
- С ключевым словом
currentcolor
Цвета RGB
значений цвета RGB поддерживаются во всех браузерах.
Значение цвета RGB задается с помощью: rgb ( КРАСНЫЙ, ЗЕЛЕНЫЙ, СИНИЙ).
Каждый параметр определяет интенсивность цвета как целое число от 0 до 255.
Например, rgb (0,0,255) отображается как синий, потому что для синего параметра установлено максимальное значение (255), а для остальных - 0.
Пример
Цвет | RGB | Цвет |
---|---|---|
RGB (255,0,0) | Красный | |
гб (0,255,0) | Зеленый | |
гб (0,0,255) | Синий |
Оттенки серого часто определяются с использованием одинаковых значений для всех 3 источников света:
Пример
Цвет | RGB | Цвет |
---|---|---|
гб (0,0,0) | Черный | |
RGB (128,128,128) | Серый | |
гб (255,255,255) | Белый |
цветов в шестнадцатеричном формате
Шестнадцатеричные значения цвета также поддерживаются во всех браузерах.
Шестнадцатеричный цвет задается с помощью: #RRGGBB .
RR (красный), GG (зеленый) и BB (синий) - шестнадцатеричные целые числа от 00 до FF, определяющий интенсивность цвета.
Например, # 0000FF отображается синим, потому что для синего компонента установлено максимальное значение (FF), а для остальных установлено 00.
Пример
Цвет | HEX | RGB | Цвет |
---|---|---|---|
# FF0000 | RGB (255,0,0) | Красный | |
# 00FF00 | гб (0,255,0) | Зеленый | |
# 0000FF | гб (0,0,255) | Синий |
Оттенки серого часто определяются с использованием одинаковых значений для всех 3 источников света:
Пример
Цвет | HEX | RGB | Цвет |
---|---|---|---|
# 000000 | гб (0,0,0) | Черный | |
# 808080 | RGB (128,128,128) | Серый | |
#FFFFFF | гб (255,255,255) | Белый |
Верхний или нижний регистр?
Вы можете использовать буквы верхнего или нижнего регистра для указания шестнадцатеричных значений.
Строчные буквы писать проще. Верхний регистр легче читать.
Названия цветов
CSS поддерживает 140 стандартных названий цветов.
В следующей главе вы найдете полный алфавитный список названий цветов. с шестнадцатеричными значениями:
Название цвета | шестигранник | Цвет |
---|---|---|
AliceBlue | # F0F8FF | |
Белый античный | # FAEBD7 | |
Аква | # 00FFFF | |
Аквамарин | # 7FFFD4 | |
Лазурный | # F0FFFF | |
Бежевый | # F5F5DC | |
Бисквит | # FFE4C4 |
Ключевое слово текущего цвета
Ключевое слово currentcolor
относится к значению свойства цвета элемента.
Пример
Цвет границы следующего элемента
#myDIV {
цвет: синий; / * Синий цвет текста * /
граница: сплошной текущий цвет 10 пикселей;
/ * Цвет синей границы * /
}
,