Подбор цветов и генерация цветовых схем
Монохроматическая модель. Эта цветовая схема основана на одном оттенке цвета, и использует вариации, сделанные только лишь изменением насыщенности и яркости.Результат комфортен для глаз, даже при использовании агрессивных цветов. Вместе с тем, труднее найти диакритические знаки и основные факты.
Также монохроматические вариации сделаны для каждого цвета в других схемах.
Комплементарная (контрастная) модель. Основной цвет дополнен его комплементом (цвета на противоположной стороне цветового круга). Создается один холодный и один теплый цвет — вы должны рассмотреть, какой из них будет доминирующим, и должен ли дизайн выглядеть холодным, или теплым.Не следует злоупотреблять контрастными цветами в дизайне, используйте их только как цветовой акцент.
Модель цветовой триады (мягкий контраст). Основной цвет дополнен двумя цветами, помещенными тождественно по обе стороны его комплемента. В отличие от «острого» контраста, эта цветовая схема зачастую является более комфортной для глаз, она мягче, и в ней больше пространства для балансировки теплых/холодных цветов.Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.
Модель цветовой тетрады (двойной контраст). Эта цветовая схема образована парой цветов и их контрастов. Она основана на Тетраде — четверке цветов, равномерно распределенных по цветовому кругу (90°). Тетрада — очень агрессивная цветовая схема, требующая хорошего планирования и деликатный подход к отношениям этих цветов.Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.
Модель аналогичных цветов. Эта цветовая схема образована основным цветом и его смежными цветами — два цвета, расположенные тождественно по обе стороны. Это всегда смотрится элегантно и четко, цветовая гамма в результате этого выглядит с меньшей напряженностью и равномерной колориметрией. Если выбран цвет на тепло-холодной границе, цвет с противоположной «температурой» может быть использован для акцентирования двух других цветов.Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.
Модель акцентированной аналогии. Это аналогичная модель с добавлением дополнительного (контрастного) цвета. Модель должна рассматриваться как дополнение — она добавляет напряженности к цветовой палитре, и слишком агрессивна в случае злоупотребления. Вместе с тем, она может быть использована в некоторых деталях, а так же в качестве цветового акцента — порой получается очень эффективная и элегантная цветовая гамма.
Оттенок. На этой вкладке отображается цветовой круг. Кликните по ней для регулировки оттенков основных, дополнительных, и вторичных цветов.
Регулировка цветовой схемы. На этой вкладке можно регулировать яркость/насыщенность цвета и контраст цветовой схемы, или просто выбрать из предопределенных настроек.
Информация о цветовой схеме. Кликните по этой вкладке для отображения значений цветов фактической цветовой схемы, а так же для экспорта их в различные форматы данных.
Оттенок основного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.
Оттенок дополнительного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Значение оттенка основного цвета. Кликните для ввода числового значения.
Угол/дистанция оттенка вторичных цветов. Кликните для ввода числового значения. Имеет смысл только в цветовых схемах, использующих вторичные цвета.
Значение RGB основного цвета. Кликните для ввода числового значения.Будьте осторожны: из-за ошибки округления во время преобразования, значение RGB, используемое в цветовой схеме, может немного отличаться от введенного значения.
Значения RGB основного цвета.
Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.
Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).
Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для темного варианта, влево/вправо для светлого варианта).
Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.
Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.
Список вариантов цвета. Выберите вариант цвета, а затем отрегулируйте его насыщенность и яркость при помощи ползунка на левом квадрате.
Схема палитры. Представлены четыре основных цвета, для легкого составления впечатления о схеме.
URL адрес цветовой схемы. Для каждой схемы существует уникальный ID. Вы можете сохранить эту ссылку в закладки, и вернуться к редактированию своей цветовой схемы в любой момент времени.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Пример веб-страницы (светлая/позитив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.
Пример веб-страницы (темная/негатив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.
Показать пример текста. Отметьте галочку, чтобы отобразить белый, черный и серый текст в окне предварительного просмотра цветовой схемы.
Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.
Настройки рандомизации. Нажмите, чтобы установить, какие параметры должны быть рандомизированы.
| |
Веджвуд-Синий | Белый + добавить Синий и каплю Черного |
| |
Королевский Синий | Синий + добавить Черный и каплю Зеленого |
| |
Тёмно-Синий | Синий + добавить Черный и каплю Зеленого |
| |
Фиолетовый | Красный + Синий |
| |
Серый | Белый + Добавить немного Черного |
| |
Бирюзово-Синий | Синий + добавить немного Зеленого |
| |
Бирюзовый | Синий + Зелёный |
| |
Бело-Синий | Белый + добавить Синий |
| |
Серый | Белый + Черный |
| |
Серый холодный | Серый + Синий или Зелёный |
| |
Перламутрово-Серый | Белый + Добавить Черный, немного Синего |
| |
Серый теплый | Серый + Охра или Умбра |
| |
Средний Коричневый | Жёлтый + Добавить Красный и Синий, Белый для осветления, Черный для тёмного. |
| |
Коричневый | Красный + Зелёный (Красный + Жёлтый + Синий) |
| |
Красно-коричневый | Красный + Коричневый |
| Красно-коричневый | Красный & Желтый + Добавить Синий и Белый для осветления | |
| |
Золотисто-коричневый | Жёлтый + Добавить Красный, Синий, Белый. Больше Желтого для контрастности |
| |
Табачный | Жёлтый + Зелёный + Белый + Красный |
| |
Горчичный | Жёлтый + Красный + Чёрный + Зелёный |
| |
Бежевый | Взять Коричневый и постепенно добавлять Белый до получения Бежевого цвета. Добавлять Желтый для яркости. |
| Бежевый | Белый + Коричневый + Жёлтый | |
| |
Цвет яичной скорлупы | Белый + Желтый, немного Коричневого |
| |
Не совсем Белый | Белый + Добавить Коричневый или Черный |
| |
Розово-Серый | Белый + Капля Красного или Черного |
| |
Серо-голубой | Белый + Добавить светло-Серый плюс капля синего |
| |
Зелёно-Серый | |
| |
Хаки | Коричневый + Зелёный |
| |
Серый уголь | Белый + добавить Черный |
| |
Авокадо | Желтый + добавить Коричневый и Черный |
| |
Оранжевый | Жёлтый + добавить Красный |
| |
Золотой | Жёлтый + капля Красного или Коричневого |
| |
Жёлтый | Жёлтый + Белый для осветления, Красный или Коричневый для получения тёмного оттенка |
| |
Лимонно-жёлтый | Жёлтый + добавить Белый, немного Зеленого |
| |
Лимонный Желтый | Жёлтый + Белый + Зелёный |
| |
Светло-коричневый | Жёлтый + добавить Белый, Черный, Коричневый |
| |
Бледно-зелёный | Жёлтый + добавить Синий / Черный для глубины |
| |
Травянисто-зелёный | Жёлтый + добавить Синий и Зеленый |
| Оливковый | Зеленый + добавить Желтый | |
| |
Светло-зеленый | Зеленый + добавить Белый / Желтый |
| |
Бирюзово-зеленый | Зеленый + добавить Синий |
| |
Бутылочно-зеленый | Желтый + добавить Синий |
| |
Хвойный | Зеленый + добавить Желтый и Черный |
| |
Зелёный | Жёлтый + Голубой или Синий |
| |
Зелёный Оливковый | Зеленый + Жёлтый |
| |
Цвет Зеленого папоротника | Белый + добавить Зеленый, Черный и Белый |
| |
Цвет лесной зелени | Зелёный + добавить Черный |
| |
Зелёный Хвойный | Зеленый + Жёлтый + Чёрный |
| |
Изумрудно-зелёный | Жёлтый + добавить Зеленый и Белый |
| |
Салатовый | Жёлтый + добавить Белый и Зеленый |
| |
Цвет морской волны | Белый + добавить Зеленый и Черный |
| |
Розовый | Белый + добавить немного Красного |
| |
Абрикосовый | Красный + Охра + Белый (Красный + Жёлтый + Коричневый + Белый) |
| |
Каштановый | Красный + добавить Черный или Коричневый |
| |
Королевский Красный | Красный +добавить Голубой |
| |
Красный | Красный + Белый для осветления, Желтый, чтобы получить Оранжево-Красный |
| |
Королевский пурпурный | Красный + добавить Синий и Желтый |
| |
Пурпурный | Красный + Синий + Жёлтый |
| |
Тёмно-пурпурный | Красный + добавить Синий и Черный |
| |
Томатно-Красный | Красный + добавить Желтый и Коричневый |
| |
Мандарин, Оранжевый | Жёлтый + добавить Красный и Коричневый |
| |
Белый, Желтый и тёмно-коричневый | |
| |
Оранжевый | Белый + добавить Оранжевый и Коричневый |
| |
Оранжевый | Красный + Жёлтый |
| |
Золотой | Жёлтый + Красный или Коричневый |
| |
Рыжевато-каштановый | Красный + добавить Коричневый и Черный |
| |
Цвет Красного бургундского | Красный + добавить Коричневый, Черный и Желтый |
| |
Малиновый | |
| |
Сливовый | Красный + добавить Белый, Синий и Черный |
| |
Каштановый | Жёлтый + Красный, Черный и Белый |
| |
Тёмно-коричневый | Жёлтый + Красный, Черный и Белый |
| |
Медно-Серый | Чёрный + добавить Белый и Красный |
| |
Охра | Жёлтый + Коричневый |
| |
Терракот | Оранжевый + Коричневый (Красный + Жёлтый + Коричневый) |
| |
Чёрный | Чёрный Использовать Черный как смоль |
| |
Чёрный | Красный + Синий + Зелёный |
|
Научный образовательный цветовой конвертер онлайн с открытым кодом ориентирован на работу в цветовой модели CIE LCh (более удобное представление CIE Lab), про которую Photoshop, к сожалению, не знает. Тем не менее, по отдельности управлять светлотой Lightness, насыщенностью Chroma и цветовым тоном Hue бывает весьма востребовано. Удержать строго неизменными тон и светлоту, при изменении насыщенности — часто встречающаяся дизайнерская задача, и она не решается корректно ни в одной цветовой модели, кроме как в LCh. Конверсия производится из любой выбранной цветовой модели в остальные нажатием одной из 8 кнопок с наименованием той модели, данные из которой надо преобразовать в другие. По умолчанию задействуется хроматическая адаптация по Брэдфорду и CIE Lab при D50 — все как в Photoshop. Поскольку большинство RGB-моделей имеет белую точку D65, а Lab последние 15 лет традиционно рассчитывается с опорным иллюминантом D50, хроматическая адаптация в пространстве XYZ должна быть задействована при различиях опорного иллюминанта моделей. Поле «RGB Gamut Alert» оповещает надписью «Out of gamut!» в тех случаях, когда насыщенность образца превосходит цветовой охват выбранной модели RGB. По умолчанию задействуется Gamut clipping LCh до охвата видимых цветов Lab Gamut или Human Visual Space (HVS). Крайние значения слайдеров Светлоты и Насыщенности ограничиваются фигурой HVS для текущего тона на цветовом круге (третий слайдер). Максимальная возможная насыщенность 200 может быть достигнута при угле Hue 315-316 градусов и небольшой светлоте около 12. Во избежание снижения скорости отклика слайдеров массив поверхности трехмерной фигуры HVS просчитан с шагом в 1 градус Hue (360 степов) и с шагом в один целый степ по Lightness (100 степов) c использованием алгоритма монотонной кубической интерполяции сплайнами Эрмита (Hermite Spline). Таблица поверхности фигуры HVS в Lab D50 2° на 31152 значения получена с помощью опции «Спектрального калькулятора на CIELab.XYZ» «HVS surface» в спойлере «Колориметрический справочник». По умолчанию задействуется Gamut mapping к выбранному пространству RGB. Информационные поля LCmax подсказывают максимально достижимый охват для данной RGB-модели при текущем цветовом тоне Hue. Увеличение насыщенности плавно изменяет светлоту для достижения максимально возможных для данной модели RGB поканальных значений при неизменном цветовом тоне. Не нужно пугаться отрицательных значений RGB — это обычные значения за охватом модели строго по матричным формулам CIE трансформации XYZ->RGB, и они необходимы для корректных обратных расчетов от RGB к другим моделям. Звездочкой * помечены те популярные модели, для которых доступен Gamut mapping. Иллюминант D50 помечен звездочкой, так как именно с ним будут наиболее адекватны расчеты CMYK и PANTONE. Двумя звездочками ** помечен иллюминант D65, традиционный для моделей RAL, NCS, DIN. Пересчеты цвета этих моделей под другими иллюминантами возможны, но не в этом калькуляторе, тут важна скорость и небольшой вес файлов. Но при необходимости можно посчитать цвет из спектров с любым иллюминантом по ссылкам: «Спектральный калькулятор на CIELab.XYZ», «Подбор смесевой краски PANTONE®» и «Определение цвета по имени краски PANTONE®» Пересчет цвета в триадные краски CMYK и обратно ведется по характеризационным данным «FOGRA39» или «ISO Coated v2» — листовая офсетная печать по стандартам ISO 12647-2:2004(2007) и ГОСТ Р 54766-2011. Так же доступны краски на легкомелованной и офсетной бумаге. Задействуется на выбор релативное и перцепционное преобразование и mapping за границами охвата печати. Гранулярность цветовых таблиц Lab->CMYK равна 17, таблиц CMYK->Lab равна 11: это обеспечивает быструю загрузку красочно-цветовых массивов, высокую скорость работы в режиме реального времени и приемлемую точность цветового преобразования при сравнительно небольшом размере таблиц. В преобразованиях цвет/краски и краски/цвет задействуется линейная, билинейная и трилинейная интерполяция по аналогии с алгоритмами работы модулей CMM в операционных системах. Библиотека смесевых красок PANTONE+ содержит 1755 разных красок, PANTONE® — 1124 краски, и подбор ведется по минимальной дельте для этого веера между краской и цветовым образцом. Так же при нажатии кнопки «Spot» выводится точный цвет данной краски в Lab и наиболее близкое представление в CMYK, тем не менее помним, что цветовой охват многих смесевых красок веера шире, чем охват триадных красок, шире в некоторых областях, чем sRGB. Лучше лишний раз нажать на кнопку «Spot» и «CMYK» чтобы удостовериться визуально, какой цвет будет получен этими красками; полезно так же проверить поле «RGB Gamut Alert» на предмет возможного вылета краски за охват sRGB: при значении поля «Out of gamut!» оттенок краски будет отображен на экране примера близко, но недостоверно. Возможен укороченный ввод имени краски — просто номера достаточно, главное, чтобы такой номер присутствовал в веере PANTONE+ или PANTONE®. Спектральные библиотеки красок PANTONE, используемые здесь, созданы владельцем бренда PANTONE компанией X-Rite для своих флагманских спектрофотометров eXact в 2014 году и пересчитаны в Lab D50 2° в «Спектральном калькуляторе на CIELab.XYZ». Поле справа от имени смесевой краски отображает ее Color Inconstancy Index (или CII) — уровень цветового непостоянства или инконстантности при смене иллюминанта; чем выше индекс — тем сильнее краска «гуляет» по цвету под разным освещением. Более нагруженные разным фун |
Цветовой круг онлайн — Mecolor.ru
Независимо от того, какая перед вами задача, будь то создание логотипа, дизайн интерьера или веб-сайта – приходится искать сочетание цветов и делать подбор. Для этих целей отлично подойдет цветовой круг онлайн, с возможностью выбора различных цветов, их сохранения, а также копирования кодов в формате RGB или HEX. С помощью данного инструмента, вы можете подобрать базовые цвета и выбрать цветовую гармонию из нескольких цветов.
Для того, чтобы воспользоваться цветовым кругом, вам нужно щелкнуть мышкой на нужном оттенке и далее с помощью горизонтальной каретки выбрать необходимый цвет. После этого вы можете его сохранить и продолжить выбор других цветов. Цветовой круг – это диаграмма, представляющая отношения между цветами.
Данная диаграмма, показывающая цвета спектра, первоначально создана Исааком Ньютоном в 1666 году, созданный им цветовой круг сегодня служит для множества целей и задач. Художники используют его для определения смешиваемых цветов, а дизайнеры выбирают те цвета, которые имеют хорошее сочетание. Все цветовой круг строится на базовых трех цветах – красный, синий, зеленый (Red, Blue, Green или RGB), также в нем присутствуют такие дополнительные цвета, как оранжевый, зеленый и фиолетовый цвета.
Разработка цветовой схемы с помощью круга
Дизайнеры часто начинают проект с разработки цветовой схемы, а именно набора цветов, который будет являться основным в работе. Как правило, основной набор состоит из 1 или 2 цветов, вокруг которых будут построены и использованы вспомогательные цвета.
Как выбрать цвета, которые действительно сочетаются? Используйте цветовое колесо, чтобы определить гармоничные цветовые комбинации. Следующие цветовые гармонии основаны на геометрических отношениях на цветовом круге:
- Дополнительные цветовые схемы используют два противоположных цвета на цветовом круге.
- Монохроматические цветовые схемы используют три разных значения одного цвета.
- Аналогичные цветовые схемы используют три смежных цвета на цветовом круге.
- Сплит-дополнения используют цвет и два смежных третичных цвета его дополнения.
- Триадные цветовые схемы используют три равномерно распределенных цвета на цветовом круге.
- В тетрадных цветовых схемах используются две взаимодополняющие пары.
Выбор правильных цветов требует большого творческого подхода и экспериментов. Имейте в виду, что разные цветовые гармонии дают разные эффекты и влияют на восприятие человека. Например, аналогичные цвета похожие по оттенку, создают плавный переход от одного цвета к другому.
Дополнительные цвета противоположны друг другу на цветовом круге, поэтому они создают сильный контраст. Монохроматические цветовые схемы могут быть тонкими и сложно-построенными. Экспериментируйте с разными цветами и оттенками для того, чтобы достичь желаемого эффекта.
Бесплатная программа для вычисления сопротивления резисторов по полосам и кодам EIA-96, E24, E48 «Resistor»
« В каталог
Калькулятор цветовой маркировки резисторов поможет расшифровать по цветным кольцам на резисторе его номинал и допустимое отклонение сопротивления от его номинального значения. Цветную маркировку на резисторах следует читать слева направо. Как правило, первое кольцо расположено ближе к одному из выводов или шире чем остальные.
С помощью данной программы вы можете расшифровать маркировку резисторов с четырьмя, пятью или шестью цветными кольцами.
Укажите поочередно цвета всех колец, выбрав нужные цвета из выпадающих списков цветов. Сопротивление резистора, допуск а так же температурный коефициент будут указаны внизу программы.
Исходя из диапазона погрешности резистора, внизу программы так же отображается диапазон разброса сопротивления от его номинального значения.
- Четыре первых кольца означают номинал резистора.
- Пятое кольцо — допуск (погрешность резистора).
- Шестое кольцо означает температурный коэффициент изменения. Данное значение определяет то, насколько изменится показатель сопротивления при повышении температуры корпуса резистора.
Программа может пригодиться в работе профессиональным электронщикам, монтерам и IT специалистам.
Что бы долго не искать программу, для быстрого доступа, ярлык программы можно добавить в контекстное меню проводника Windows.
(Бесплатная, без ограничений) Скачать (Пароль внутри архива: soft_password)
При определении маркировки, резистор необходимо расположить так, чтобы кольца были сдвинуты к левому краю или широкая полоса была бы слева.
Программа так же помогает расшифровать значения номиналов SMD резисторов в кодировках EIA-96, E24, E48.
Например:
22A = 165 ом ±1%
103 = 10 kом ±5%
2222 = 22.2 kом ±2%
Онлайн калькулятор: Генератор палитры
Калькулятор ниже генерирует набор цветов от заданного начального цвета к конечному, получая ленту цветов с переходами по типу радуги. Может пригодиться для генерации расцветок сайта, цвета линий на графиках, и т. п. Немного теории по генерации цветов под калькулятором.
Генератор палитры
content_copy Ссылка save Сохранить extension Виджет
Задача программной генерации набора цветов между двумя заданными не совсем тривиальна, как может казаться. Дело в том, что программисты (за дизайнеров не скажу, но возможно) для представления цвета чаще всего используют модель RGB. Если ее визуализировать в виде куба на трех координатах (red green blue), то получится примерно вот такой рисунок: (источник).
https://commons.wikimedia.org/wiki/File%3ARGBCube_b.svg
И на самом деле, имея две точки в координатах этого куба, как начальный и конечный цвет, довольно сложно сделать достаточно простой алгоритм движения от одного цвета к другому.
Но все меняется, если представлять цвет в модели: HSV.
Вот ее визуализация (источник).
https://commons.wikimedia.org/wiki/File:HSV_cone.png
Теперь описать движение от одного цвета к другому проще. Собственно, это и делает калькулятор — переводит заданные начальный и конечный цвета из RGB в HSV и делает простую линейную интерполяцию между ними. Кстати, стоит заметить, что для целочисленных представлений цветов 16777216 цветов RGB отображаются на 3600000 цветов HSV, поэтому обратное преобразование может дать цвет, немного отличающийся от начального или конечного цвета.
Онлайн калькулятор: Комплементарный (дополнительный) цвет
Комплементарные цвета, это цвета на противоположных сторонах цветового круга. Будучи объединенными, они «погашают» друг друга или дают ахроматический цвет (белый или черный). Когда два комплементарных цвета визуально находятся рядом друг с другом, они дают максимальный контраст. Именно поэтому морские спасательные жилеты делают оранжевыми (0xFFA500), оранжевый цвет является комплементарным к темно-синему (navy blue — 0x005AFF). Из-за максимального контраста такие цвета также еще называют противоположными, что, в общем-то, более точный термин, чем комплементарные.
Комплементарные цвета дают интересные оптические эффекты. Например, тень объекта часто кажется содержащей цвет, комплементарный цвету объекта. Например, тень красного яблока может казаться слегка сине-зеленой. Этот эффект часто используется художниками для написания более реалистичных теней. Также, если вы будете смотреть на квадрат определенного цвета достаточно долго, около минуты, а затем посмотрите на белую стену или лист бумаги, вы сможете «увидеть» остаточное изображение квадрата в комплементарном цвете.
При использовании для представления цвета RGB модели, найти комплементарный цвет достаточно легко. Вам всего лишь нужно найти цвет, который при добавлении к данному даст белый (0xFFFFFF). Например, для красного достаточно лишь вычесть его значение 0xFF0000 из белого и получить ядовито-синий (циан) — 0xFFFFFF — 0xFF0000 = 0x00FFFF.
Чтобы использовать калькулятор, начните добавлять RBG коды цветов в таблицу. Выходная таблица отобразит введенный цвет и комплементарный к нему.
Комплементарный (дополнительный) цвет
addimport_exportmode_editdeleteЦвета
Размер страницы: chevron_leftchevron_rightЦвета
Сохранить ОтменитьИмпортировать данныеОшибка импорта
Загрузить данные из csv файла
Импортировать Назад Отменитьcontent_copy Ссылка save Сохранить extension Виджет
Подбор цветов и генерация цветовых схем
Монохроматическая модель. Эта цветовая схема основана на одном оттенке цвета , и использует вариации, сделанные только лишь изменением насыщенности и яркости.Результат комфортен для глаз, даже при использовании агрессивных цветов. Вместе с тем, труднее найти диакритические знаки и основные факты.
Также монохроматические вариации сделаны для каждого цвета в других схемах.
Комплементарная (контрастная) модель. Основной цвет дополнен его комплементом (цвета на противоположной стороне цветового круга ). Создается один холодный и один теплый цвет — вы должны рассмотреть, какой из них будет доминирующим, и должен ли дизайн выглядеть холодным, или теплым.Не следует злоупотреблять контрастными цветами в дизайне, используйте их только как цветовой акцент.
Модель цветовой триады (мягкий контраст). Основной цвет дополнен двумя цветами, помещенными тождественно по обе стороны его комплемента.В отличие от «острого» контраста, эта цветовая схема зачастую является более комфортной для глаз, она мягче, и в ней больше пространства для балансировки теплых / холодных цветов.Триада образована тремя цветами, равномерно распределяя цветовой круг (120 °). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых / холодных цветов.
Модель цветовой тетрады (двойной контраст). Эта цветовая схема образована парой цветов и их контрастов.Она на основе основ Тетраде — четверке цветов, равномерно распределенных по цветовому кругу (90 °). Тетрада — очень агрессивная цветовая схема, требующая хорошего планирования и деликатный подход к отношениям этих цветов.Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Вы должны заботиться о связях между одним цветом и его дополнительным цветом (комплементом).В случае тетрады (угол 90 °), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов .
Модель аналогичных цветов. Эта цветовая схема образована основным цветом и его двумя цветами — два цвета, расположенные тождественно по обеим сторонам. Это всегда смотрится элегантно и четко, цветовая гамма в результате этого выглядит с меньшей напряженностью и равномерной колориметрией. Если выбран цвет на тепло-холодной границе, цвет с противоположной «температурой» может быть использован для акцентирования двух других цветов.Вы можете задать дистанцию следующих (вторичных) цветов, угол не должен включать 60 °.
Модель акцентированной аналогии. Это аналогичная модель с добавлением дополнительного (контрастного) цвета. Модель должна рассматривать как дополнение — она сигнализирует о напряженности к цветовой палитре , и слишком агрессивна в злоупотребления. Вместе с тем, она может быть в некоторых деталях, а так же в качестве цветового акцента — порой получается очень эффективная и элегантная цветовая гамма .
Оттенок. На этой вкладке отображается цветовой круг . Кликните по ней для регулировки оттенков основных, дополнительных, и вторичных цветов.
Регулировка цветовой схемы. На этой вкладке можно регулировать яркость / насыщенность цвета и контраст цветовой схемы, или просто выбрать из предопределенных настроек.
Информация о цветовой схеме. Используйте эту кнопку для отображения значений фактической цветовой схемы, а также экспорта в различные форматы данных.
Оттенок основного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу . Для ввода числового значения, дважды кликните по нему.
Оттенок дополнительного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу . Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол / дистанцию, перетащите ползунок дальше или ближе от основного цвета.Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол / дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Значение оттенка основного цвета. Кликните для числового значения.
Угол / дистанция оттенка вторичных цветов. Кликните для числового значения. Имеет смысл только в цветовых схемах , использующих вторичные цвета.
Значение RGB основного цвета. Кликните для числового значения.Будьте осторожны: из-за ошибки округления во время преобразования, значение RGB, используемое в цветовой схеме , может немного отличаться от введенного значения.
Значения RGB основного цвета.
Пресеты цветовых схем. Выберите и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.
Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).
Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх / вниз для темного варианта, влево / вправо для светлого варианта).
Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.
Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.
Список вариантов цвета. Выберите вариант цвета, а затем отрегулируйте его насыщенность и яркость при помощи ползунка на левом квадрате.
Схема палитры. Представлены четыре основных цвета, для легкого составления впечатления о схеме.
URL адрес цветовой схемы. Для каждой схемы существует уникальный ID.Вы можете сохранить эту ссылку в закладки, и вернуться к редактированию своей цветовой схемы в любой момент времени.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Пример веб-страницы (светлая / позитив). Кликните, чтобы посмотреть пример веб-страницы, созданной при помощи цветовой схемы.Это только пример, цвета палитры меня в сотнях разных вариаций.
Пример веб-страницы (темная / негатив). Кликните, чтобы посмотреть пример веб-страницы, созданной при помощи цветовой схемы . Это только пример, цвета палитры меня в сотнях разных вариаций.
Показать пример текста. Отметьте галочку, чтобы отобразить белый, черный и серый текст в окне предварительного просмотра цветовой схемы.
Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.
Настройки рандомизации. Нажмите, чтобы установить, какие параметры должны быть рандомизированы.
.Цветовой круг онлайн — Mecolor.ru
Независимо от того, какая перед вами задача, будь то создание логотипа, дизайн интерьера или веб-сайта — приходится искать сочетание цветов и делать подбор. Для этих целей отлично подойдет цветовой круг онлайн, с помощью выбора различных цветов, их сохранения, а также копирования кодов в формате RGB или HEX. С помощью данного инструмента, вы можете подобрать базовые цвета и выбрать цветовую гармонию из нескольких цветов.
Для того, чтобы использовать цветовым кругом , вам нужно щелкнуть мышкой на нужном оттенке и далее с помощью горизонтальной каретки выбрать необходимый цвет.После этого вы можете его сохранить и продолжить выбор других цветов. Цветовой круг — это диаграмма, представляющая отношения между цветами.
Данная диаграмма, показывающая цвета, создана Исааком Ньютоном в 1666 году, созданный им цветовой круг сегодня используется для целей и задач. Художники используют его для определения смешиваемых цветов, а дизайнеры выбирают те цвета, которые имеют хорошее сочетание. Все цветовой круг строится на базовых трех цветах — красный, синий, зеленый (Красный, Синий, Зеленый или RGB), также в нем присутствуют такие дополнительные цвета, как оранжевый, зеленый и фиолетовый цвета.
Разработка цветовой схемы с помощью Дизайна круга
часто начинают проект с разработки цветовой схемы, а именно набора цветов, который является основным в работе. Как правило, основной набор состоит из 1 или 2 цветов, вокруг которых будут построены и используемые вспомогательные цвета.
Как выбрать цвета, которые действительно сочетаются? Используйте цветовое колесо, чтобы определить гармоничные цветовые комбинации. Следующие цветовые гармонии основаны на геометрических отношениях на цветовом круге:
- Дополнительные цветовые схемы используют два противоположных цвета на цветовом круге.
- Монохроматические цветовые схемы используют три разных значения одного цвета.
- Аналогичные цветовые схемы используют три других цвета на цветовом круге.
- Сплит-улучшения используют цвет и два других третичных цвета его дополнения.
- Триадные цветовые схемы используют три равномерно распределенных цвета на цветовом круге.
- В тетрадных цветовых схемах используются две взаимодополняющие пары.
Выбор правильных цветов требует большого творческого подхода и экспериментов.Имейте в виду, что разные цветовые гармонии дают разные эффекты и влияние на восприятие человека. Например, аналогичные цвета похожие по оттенку, плавный переход от одного цвета к другому.
Дополнительные цвета противоположны друг другу на цветовом круге, поэтому они показывают сильный контраст. Монохроматические цветовые схемы могут быть тонкими и сложно-построенными. Экспериментируйте разными цветами и оттенками для того, чтобы достичь желаемого эффекта.
.