Миксер цветов онлайн – Online color mixing tool — free color blender tool!

Смешать цвета онлайн - IMG online

Обработка JPEG фотографий онлайн.

Главное нужно указать два цвета, которые нужно смешать, нажать кнопку ОК. Остальные настройки выставлены по умолчанию.

Пример смешивания красного и жёлтого цвета на этом сайте, под каждым цветом показан HEX (html) код:

Цвет №1+Цвет №2=Результат
#FF0000#FFED00#FF7700

Пример смешивания весенне-зелёного и маджента (фиолетового) цвета, которые можно взять из палитры:

Цвет №1+Цвет №2=Результат
#00FF7F#FF00FF#7F7FBF

Пример смешивания красного и синего цвета:

Цвет №1+Цвет №2=Результат
#FF0000#0047AB#7F2356

Пример смешивания синего и жёлтого цвета:

Цвет №1+Цвет №2=Результат
#0047AB#FFED00#7F9956

Если интересно, то на этом сайте также есть определение основных цветов картинки с отображением таблицы этих цветов в hex и rgb формате, а также прорисовкой полученной палитры справа от обработанной картинки.

www.imgonline.com.ua

Подбор цветов и генерация цветовых схем

Монохроматическая модель. Эта цветовая схема основана на одном оттенке цвета, и использует вариации, сделанные только лишь изменением насыщенности и яркости.

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

Также монохроматические вариации сделаны для каждого цвета в других схемах.

Комплементарная (контрастная) модель. Основной цвет дополнен его комплементом (цвета на противоположной стороне цветового круга). Создается один холодный и один теплый цвет — вы должны рассмотреть, какой из них будет доминирующим, и должен ли дизайн выглядеть холодным, или теплым.

Не следует злоупотреблять контрастными цветами в дизайне, используйте их только как цветовой акцент.

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

Триада

образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.

Модель цветовой тетрады (двойной контраст). Эта цветовая схема образована парой цветов и их контрастов. Она основана на Тетраде — четверке цветов, равномерно распределенных по цветовому кругу (90°). Тетрада — очень агрессивная цветовая схема, требующая хорошего планирования и деликатный подход к отношениям этих цветов.

Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.

Модель аналогичных цветов. Эта цветовая схема образована основным цветом и его смежными цветами — два цвета, расположенные тождественно по обе стороны. Это всегда смотрится элегантно и четко, цветовая гамма
в результате этого выглядит с меньшей напряженностью и равномерной колориметрией. Если выбран цвет на тепло-холодной границе, цвет с противоположной «температурой» может быть использован для акцентирования двух других цветов.

Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.

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

Оттенок. На этой вкладке отображается цветовой круг. Кликните по ней для регулировки оттенков основных, дополнительных, и вторичных цветов.

Регулировка цветовой схемы. На этой вкладке можно регулировать яркость/насыщенность цвета и контраст цветовой схемы, или просто выбрать из предопределенных настроек.

Информация о цветовой схеме. Кликните по этой вкладке для отображения значений цветов фактической цветовой схемы, а так же для экспорта их в различные форматы данных.

Оттенок основного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.

Оттенок дополнительного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.

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

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

Значение оттенка основного цвета. Кликните для ввода числового значения.

Угол/дистанция оттенка вторичных цветов. Кликните для ввода числового значения. Имеет смысл только в цветовых схемах, использующих вторичные цвета.

Значение RGB основного цвета.
Кликните для ввода числового значения.

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

Значения RGB основного цвета.

Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.

Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).

Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для темного варианта, влево/вправо для светлого варианта).

Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.

Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.

Список вариантов цвета. Выберите вариант цвета, а затем отрегулируйте его насыщенность и яркость при помощи ползунка на левом квадрате.

Схема палитры. Представлены четыре основных цвета, для легкого составления впечатления о схеме.

URL адрес цветовой схемы. Для каждой схемы существует уникальный ID. Вы можете сохранить эту ссылку в закладки, и вернуться к редактированию своей цветовой схемы в любой момент времени.

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

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

Пример веб-страницы (светлая/позитив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.

Пример веб-страницы (темная/негатив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.

Показать пример текста. Отметьте галочку, чтобы отобразить белый, черный и серый текст в окне предварительного просмотра цветовой схемы.

Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.

Настройки рандомизации. Нажмите, чтобы установить, какие параметры должны быть рандомизированы.

colorscheme.ru

Цветовые миксеры. ColorSchemer Studio vs Adobe Kuler / Habr

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

О чем же я всё таки буду писать? О нескольких сервисах-миксерах — подборщиках адекватных для посетителя цветов, что является несомненно полезным инструментом в работе юзабилиста. Цвета, несомненно, очень важный инструмент в достижении большего удобства на сайте, что ярко доказывает на себе пример Яндекса. Например — то же цветовое разграничение блоков, которые я мимоходом описал в заметке о идеальных формах, и собираюсь в ближайшее время занятся продолжением сего вопроса.

ColorSchemer Studio

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

Дабы мои мысли нашли под собой основание — я заглянул в википедию, чтобы посмотреть — что она выдаст мне по определению «миксер» (. Итак, что мы там имеем:

Миксер — малый бытовой прибор предназначенный для взбивания яиц, приготовления напитков, муссов, омлетов, жидкого теста и т.п. Миксеры бывают стационарные и ручные (более распространённые устройства).

Очень… очень исчерпывающий ответ на столь конкретный запрос. Чтобы в дальнейшем у других людей не было проблем — я создал определение Цветовой миксер.

В первой части этой серии статей я расскажу о программе ColorSchemer Studio от одноименной компании, которая являлась первопроходцем в создании подобных продуктов, колличество которых уже перевалило за несколько десятков, в самых разнообразных видах

Цветовое колесо


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

Это стартовый инструмент, за которым обычно утекает наибольшее колличество времени — ведь соседний цвет может понравится больше, а у него (у соседнего то бишь) еще несколько более совместимых. В общем — красота, а не инструмент.


Цветовые гармонии


Инструмент «Цветовые гармонии» помогает нам увидеть этапы переходов между двумя основными цветами. Причем выдает этот инструмент 2 вида возможных переходов — темный, и светлый. Удобно.


Цвета с лучшей совместимостью


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


Photoschemer


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


Цветовой миксер


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


Анализатор цветовых сочитаний


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


Быстрое превью


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


Печать


После того как мы сохранили свою именную цветовую палитру — возможно потребуется её распечатать? И это легко сделать с помощью инструмента Print Your Color Schemes. Этим же инструментом можно перегнать полученные результаты в pdf — отличная возможность, если учитывать, что pdf стандартизировали.


Импорт и экспорт


Помимо печати было бы неплохо иметь возможность импортировать и экспортировать цвета из того же Photoshop. И нам опять дают эту прекрасную возможность. Вот список, которые совместимы с возможностью импорта-экспорта программы.

Импорт:

Организовать импорт можно из любой сайтовой CSS (ну ничего себе…), gif изображения, файла цветовых таблиц (.act), и цветовой палитры photoshop (.aco)


Экспорт:

Экспортировать можно обратно в любую CSS, или html body атрибуты, в gif изображение, цветовую палитру photoshop, файлы цветовых таблиц, цветовую палитру illustrator (боже, и сюда добрались), Adobe Fireworks, и в Corel Painter

Достаточно обьемный список, не правда ли?


Также в программу входит сверх-удобная пипетка в качестве бонуса. Её кстати можно скачать отдельно бесплатно.

Цена


Увы и ах — но за программу требуют деньгу, что вполне логично — продукт ведь отличный. Стоит она 49 долларов в обоих вариациях — как для Windows, так и для MacOS (я думаю, многие уже перепугались, глядя на скриншоты, что пользователей windows оставили за бортом. К счастью это не так).

Дабы потестировать программу можно воспользоваться 15-дневной trial-версией, но будет мешать попап при старте программы.



На момент написания статьи была доступна версия 1.5.3 для MacOS, и 1.5.1 для Windows

Скачать программу можно тут (Windows) (2.1MB)

ColorSchemer Studio для MacOS X 1.1MB

Скачать продвинутую пипетку 0.6 MB

Скачать виджет на рабочий стол (Win, Mac) —40 KB — позволяет искать уже готовые цветовые палитры, не отрываясь от рабочего стола.

Купить программу можно тут — $49


Готовые сочетания


А теперь самое вкусненькое — на сайте программы просто МОРЕ отличнейших цветовых решений. Дерзайте!

Онлайновая версия ColorSchemer Studio


Выводы


Покупать программу конечно стоит (её разумеется можно и взломать, но это личное дело каждого). ColorSchemer Studio предоставляет море возможностей для юзабилистов, графических дизайнеров, и даже художников. Начинающим тоже стоит её советовать, ведь она поможет нам избежать монстров с непобедимыми цветами.

Adobe Kuler

В первой статье мы выяснили что такое цветовой миксер, и с чем его требуется кушать для пущего увеличения аппетита на примере программы ColorSchemer Studio. Несомненно хорошая вещь, но платная, а я решил сегодня посвятить статью бесплатному, и web-based инструменту от компании Adobe, которые также как и компания ColorSchemer вовремя просекли о том, чего не хватает дизайнерской братии. Итак встречайте — Adobe Kuler.


Эта заметка будет не в пример меньше, чем предыдущая, но не менее полезная. Почему меньше? Потому что веб-сервисы как бы не старались, а дорасти до полноценной программы пока не могут — следовательно — меньше возможностей, но удобнее. Еще один несомненный плюс — Kuler сохраняет результаты в вашем Adobe ID — т.е. в случае смены ОС на вашем компьютере, или постоянных сменах компьютера (работа-дом, дом и работа) — все будет доступно, если на компьютерах есть интернет. Что гораздо удобнее, чем возить на флешке готовые палитры из ColorSchemer Studio.


Цветовой миксер


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

В отличии от ColorSchemer Studio, где роль миксера беззастенчиво выполняет цветовое колесо (color wheel) — тут с этой обязанностью справляется какой-то цветовой боченок. По меньшей мере у меня асоциации были именно такие — мы мешаем цвета в бочке, при этом смотрим на эту самую бочку сверху. В принципе — совершенно не затрудняет, и даже скорее всего облегчает задачу — ожидаемый цвет можно получить гораздо быстрее.


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

К счастью разработчики из Adobe Labs знают свою работу хорошо, поэтому к несколько странному интерфейсу привыкаешь быстро.


Готовые цветовые решения


В самый первый раз когда попадаешь на Adobe Kuler — выдается красивый рейтинг лучших, по мнению посетителей, палитр — выбрать можно сразу их и с ними же продолжить работу. Плюсы понятны — далеко ходить не нужно, всё уже готово на полочке.

Из минусов хотелось бы сказать только одно — кулер достаточно популярный сервис, и выбрав цвета из первой десятке есть риск встретить «цветового клона» своего будущего сайта. Т.е. лучшее решение — это всё таки создать свой уникальный сборник, благо это удобно.


Уже готовые решения можно отсортировать по нескольким способам:

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

2. По популярности — насколько я понял в данном разделе выдаются самые просматриваемые цветовые решения. Мне кажется, что этот рейтинг не намного отличается от сортировке по оценке, ведь подавляющее большинство людей дальше второй-третей страницы кулера не пойдет.

3. Новые — если вы только что создали свою уникальную палитру, и хотели бы чтобы её кто-то увидел и скачал, кроме вас — этот раздел именно для таких как вы. Тут публикуются самые новые цветовые палитры. Из минусов — ежеминутно создается более 20 палитр, поэтому потеряться можно и тут.

Создав свое решение вы тоже можете добавить его на сайт.


Экспорт


К сожалению импорта в самом сервисе нет, т.е. улучшить уже готовую палитру вашего сайта не выйдет. Получится лишь только заново их воссоздать. К счастью экспорт тут в наличии и позволяет перенести готовые результаты в любой из инструментов Adobe линейки CS2 и CS3. Молодцы. К сожалению здесь нет экспорта в Corel, и другие программы, отличные от Adobe по понятным причинам.

Выводы


Как и любое веб-решение какой-то задачи инструмент немного проигрывает в функциональности своим программным собратьям, но зато выигрывает в удобстве и скорости получения результата. Рекомендую использовать данный сервис в случае того, если вы часто меняете свой компьютер, ваши цвета размещенные в интернете никуда от вас не денутся. Для тех же, у кого проблемы с переносом данных нет — рекомендую всё же воспользоватся платным программным аналогом — ColorSchemer Studio.

Источник: Блог о юзабилити веб интерфейсов (Adobe Kuler, Colorschemer)
Автор: Ярослав Бирзул (DezmASter)

habr.com

10 онлайн-инструментов для работы с цветом

Работа с цветом является не простой и достаточно трудоемкой задачей. Нужно продумать детали и правильно выбрать для них палитру. Иногда это может занять достаточно много времени. Чтобы упростить этот этап работы и сделать жизнь дизайнера немного проще сегодня в Интернете доступно множество онлайн-инструментов. Давайте рассмотрим некоторые из них.

Инструменты выбора палитры цветов

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

ColourLovers 

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

Kuler

Один из самых известных инструментов для работы с цветом. Этот инструмент позволяет не только просматривать существующие палитры, но и создавать свои собственные.

Pictalulous

Pictaculous - инструмент, который позволяет вам создавать палитру из загруженного изображения.  Также он совместим с двумя вышеперечисленными инструментами Kuler и Colourlovers.

 Инструменты выбора цвета

Сколько раз вам приходилось переключаться для копирования/вставки и запоминания нужного цвета.

color.hailpixel.com

color.hailpixel – это один из простейших способов подобрать цвет. Палитра цветов растягивается на весь экран, и вы сможете выбрать цвет, просто перемещая курсор мыши по экрану.

Hexu.al

Возможно, вам надоело работать с шестнадцатеричными названиями цветов, надоели все эти сложные для запоминания цифры. Hexu.al дает шанс поработать с более интересными названиями, например,  #doodle или #goofed.

CSS Color Names

Если случайные цвета — не совсем то, что вы ищете, полезным может быть список  147 названий цветов . Вы сможете посмотреть полный список или выбрать случайный цвет, сделав клик мышей.

checkmycolours.com

Check My Colours – это бесплатное веб-приложение для проведения анализа цветовых контрастов, используемых на страницах.

Инструменты теории цвета

Sphere

Визуализатор теории цвета под названием Sphere  — ресурс с простым интерфейсом для выбора оттенков на цветовом круге.

Color Scheme Designer

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

Генераторы цвета CSS

Ultimate CSS Gradient Generator

Приписывать стили для градиентов достаточно сложно. CSS генератор градиентов позволит достаточно легко настраивать градиент и выводит код для копирования.

Hex 2 RGBA Color Calculator

Конвертировать цвет hex в  RGB, конечно, не сложно. Но для этого нужно делать три клака для копирования значения.  Hex 2 RGBA Color Calculator поможет вам это сделать всего лишь за один клик.

0to255

Ресурс позволяет выбирать различные оттенки для цвета. Он может значительно облегчить процесс создания рамок и градиентов.

Color Hexa

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

Автор: Chris Spooner

Перевод — Дежурка

Смотрите также:

www.dejurka.ru

Adobe Kuler - онлайн-конструктор цветовых схем

Сегодня в нашем обзоре прекрасный онлайн-сервис по подбору цветов Adobe Kuler.
Достаточно многим он уже известен, но кто слышит о данном сервисе впервые, данный пост для вас.

Что же такое Adobe Kuler?

Окно Adobe Kuler

Adobe Kuler представляет собой цветовой микшер с возможностью создания, редактирования, экспорта различных цветовых палитр, которые можно использовать в таких программах как Adobe Photoshop, Illustrator и др.

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

Помимо создания собственных цветовых палитр Adobe Kuler предоставляет возможность использовать уже созданные палитры. Они расположены в разделе «Explore». Там же можно отсортировать их по популярности и тд.

Раздел «Explore» онлайн-сервиса Kuler

Чтобы воспользоваться всеми возможностями сервиса необходима регистрация, к счастью, она бесплатна. Достаточно иметь учетную запись (Adobe ID) на сайте adobe.com.

При работе в Adobe Photoshop также можно использовать расширение Kuler. В последних версиях Adobe Photoshop он присутствует по умолчанию. Включить его можно через Окно -> Расширения -> Kuler. (Window -> Extensions -> Kuler).

Вот так выглядит окно данного расширения в программе Adobe Photoshop:

Окно Adobe Kuler в программе Photoshop

Подобных Adobe Kuler инструментов достаточно много. Есть и онлайн-сервисы и десктопные программы, которые можно скачать и установить на свой компьютер.

Преимуществом же Kuler перед десктопными версиями является удобство использования. Даже если придется переустанавливать операционную систему на вашем компьютере, можно не беспокоиться, что созданные цветовые палитры исчезнут, а они будут сохранены в вашем кабинете на сайте Adobe.com.

Надеюсь, что данная заметка добавит в ваш арсенал полезных сервисов еще один инструмент для создания ваших проектов.

design-secrets.ru

Таблица смешивания цветов | Подобрать цвет онлайн

 Красный бургундскийКрасный + добавить коричневый, чёрный и жёлтый
 КрасныйКрасный + Белый для осветления, жёлтый для оранжево-красный
 Королевский красныйКрасный +добавить голубой
 МалиновыйСиний + добавить белый, красный и коричневый
 Томатно-красныйКрасный + добавить жёлтый и коричневый
 Рыжевато-каштановыйКрасный + добавить коричневый и чёрный
 КаштановыйКрасный + добавить чёрный или коричневый
 РозовыйБелый + добавить немного красного
 Травянисто-зелёныйЖёлтый + добавить синий и зелёный
 ХвойныйЗеленый + добавить желтый и черный
 Бутылочно-зеленыйЖелтый + добавить синий
 Цвет зелёного папоротникаБелый + добавить зелёный, чёрный и белый
 Цвет лесной зелениЗелёный + добавить чёрный
 Изумрудно-зелёныйЖёлтый + добавить зелёный и белый
 СалатовыйЖёлтый + добавить белый и зелёный
 Бледно-зелёныйЖёлтый + добавить синий / чёрный для глубины
 Светло-зеленыйЗеленый + добавить белый / желтый
 Бирюзово-зеленыйЗеленый + добавить синий
 Зелёно-серыйБелый + Добавить светло-серый плюс капля зелёного
 АвокадоЖелтый + добавить коричневый и чёрный
 ОливковыйЗеленый + добавить желтый
 ХакиКоричневый + Зелёный
 ФисташковыйФисташковая краска получается при смешивании желтой краски с небольшим количеством синей
 ЖёлтыйЖёлтый + белый для осветления, красный или коричневый для тёмного оттенка
 Лимонно-жёлтыйЖёлтый + добавить белый, немного зелёного
 ГорчичныйЖёлтый + Добавить красный, чёрный и немного зелёного
 Мандарин, оранжевыйЖёлтый + добавить красный и коричневый
 ЗолотойЖёлтый + капля красного или коричневого
 ОранжевыйБелый + добавить оранжевый и коричневый
 ОранжевыйЖёлтый + добавить красный
 Тёмно-коричневыйЖёлтый + красный, чёрный и белый
 Красно-коричневыйКрасный & жёлтый + Добавить синий и белый для осветления
 Средний коричневыйЖёлтый + Добавить красный и синий, белый для осветления, чёрный для тёмного.
 Золотисто-коричневыйЖёлтый + Добавить красный, синий, белый. Больше жёлтого для контрастности
 Медно-серыйЧёрный + добавить белый и красный
 Светло-коричневыйЖёлтый + добавить белый, чёрный, коричневый
 Королевский синийСиний + добавить чёрный и каплю зелёного
 Тёмно-синийСиний + добавить чёрный и каплю зелёного
 Серо-голубойБелый + Добавить светло-серый плюс капля синего
 Цвет морской волныБелый + добавить зелёный и чёрный
 Бирюзово-синийСиний + добавить немного зелёного
 Бело-синийБелый + добавить синий
 Веджвуд-синийБелый + добавить синий и каплю чёрного
 Сливовый/ФиолетовыйКрасный + добавить белый, синий и чёрный
 Тёмно-пурпурныйКрасный + добавить синий и чёрный
 Королевский пурпурныйКрасный + добавить синий и жёлтый
 СерыйБелый + Добавить немного чёрного
 Розово-серыйБелый + Капля красного или чёрного
 Серый угольБелый + добавить чёрный
 Перламутрово-серыйБелый + Добавить чёрный, немного синего
 Почти белыйБелый + Добавить коричневый или чёрный
 БежевыйВзять коричневый и постепенно добавлять белый до получения бежевого цвета. Добавлять жёлтый для яркости.
 Цвет мёдаБелый, жёлтый и тёмно-коричневый
 Цвет яичной скорлупыБелый + жёлтый, немного коричневого
 Чёрныйкрасный + синий + зеленый

kody-cvetov-html.rabotayvinter.net

Цвета HTML. Таблица из 147 имён цветов для HTML и CSS — ColorScheme.Ru

HTML Имя ЦветаHEXRGB
Красные тона:
IndianRed#CD5C5C205, 92, 92
LightCoral#F08080240, 128, 128
Salmon#FA8072250, 128, 114
DarkSalmon#E9967A233, 150, 122
LightSalmon#FFA07A255, 160, 122
Crimson#DC143C220, 20, 60
Red#FF0000255, 0, 0
FireBrick#B22222178, 34, 34
DarkRed#8B0000139, 0, 0
Розовые тона:
Pink#FFC0CB255, 192, 203
LightPink#FFB6C1255, 182, 193
HotPink#FF69B4255, 105, 180
DeepPink#FF1493255, 20, 147
MediumVioletRed#C71585199, 21, 133
PaleVioletRed#DB7093219, 112, 147
Оранжевые тона:
LightSalmon#FFA07A255, 160, 122
Coral#FF7F50255, 127, 80
Tomato#FF6347255, 99, 71
OrangeRed#FF4500255, 69, 0
DarkOrange#FF8C00255, 140, 0
Orange#FFA500255, 165, 0
Жёлтые тона:
Gold#FFD700255, 215, 0
Yellow#FFFF00255, 255, 0
LightYellow#FFFFE0255, 255, 224
LemonChiffon#FFFACD255, 250, 205
LightGoldenrodYellow#FAFAD2250, 250, 210
PapayaWhip#FFEFD5255, 239, 213
Moccasin#FFE4B5255, 228, 181
PeachPuff#FFDAB9255, 218, 185
PaleGoldenrod#EEE8AA238, 232, 170
Khaki#F0E68C240, 230, 140
DarkKhaki#BDB76B189, 183, 107
Фиолетовые тона:
Lavender#E6E6FA230, 230, 250
Thistle#D8BFD8216, 191, 216
Plum#DDA0DD221, 160, 221
Violet#EE82EE238, 130, 238
Orchid#DA70D6218, 112, 214
Fuchsia#FF00FF255, 0, 255
Magenta#FF00FF255, 0, 255
MediumOrchid#BA55D3186, 85, 211
MediumPurple#9370DB147, 112, 219
BlueViolet#8A2BE2138, 43, 226
DarkViolet#9400D3148, 0, 211
DarkOrchid#9932CC153, 50, 204
DarkMagenta#8B008B139, 0, 139
Purple#800080128, 0, 128
Indigo#4B008275, 0, 130
SlateBlue#6A5ACD106, 90, 205
DarkSlateBlue#483D8B72, 61, 139
Коричневые тона:
Cornsilk#FFF8DC255, 248, 220
BlanchedAlmond#FFEBCD255, 235, 205
Bisque#FFE4C4255, 228, 196
NavajoWhite#FFDEAD255, 222, 173
Wheat#F5DEB3245, 222, 179
BurlyWood#DEB887222, 184, 135
Tan#D2B48C210, 180, 140
RosyBrown#BC8F8F188, 143, 143
SandyBrown#F4A460244, 164, 96
Goldenrod#DAA520218, 165, 32
DarkGoldenRod#B8860B184, 134, 11
Peru#CD853F205, 133, 63
Chocolate#D2691E210, 105, 30
SaddleBrown#8B4513139, 69, 19
Sienna#A0522D160, 82, 45
Brown#A52A2A165, 42, 42
Maroon#800000128, 0, 0
Основные цвета:
Black#0000000, 0, 0
Gray#808080128, 128, 128
Silver#C0C0C0192, 192, 192
White#FFFFFF255, 255, 255
Fuchsia#FF00FF255, 0, 255
Purple#800080128, 0, 128
Red#FF0000255, 0, 0
Maroon#800000128, 0, 0
Yellow#FFFF00255, 255, 0
Olive#808000128, 128, 0
Lime#00FF000, 255, 0
Green#0080000, 128, 0
Aqua#00FFFF0, 255, 255
Teal#0080800, 128, 128
Blue#0000FF0, 0, 255
Navy#0000800, 0, 128
HTML Имя ЦветаHEXRGB
Зелёные тона:
GreenYellow#ADFF2F173, 255, 47
Chartreuse#7FFF00127, 255, 0
LawnGreen#7CFC00124, 252, 0
Lime#00FF000, 255, 0
LimeGreen#32CD3250, 205, 50
PaleGreen#98FB98152, 251, 152
LightGreen#90EE90144, 238, 144
MediumSpringGreen#00FA9A0, 250, 154
SpringGreen#00FF7F0, 255, 127
MediumSeaGreen#3CB37160, 179, 113
SeaGreen#2E8B5746, 139, 87
ForestGreen#228B2234, 139, 34
Green#0080000, 128, 0
DarkGreen#0064000, 100, 0
YellowGreen#9ACD32154, 205, 50
OliveDrab#6B8E23107, 142, 35
Olive#808000128, 128, 0
DarkOliveGreen#556B2F85, 107, 47
MediumAquamarine#66CDAA102, 205, 170
DarkSeaGreen#8FBC8F143, 188, 143
LightSeaGreen#20B2AA32, 178, 170
DarkCyan#008B8B0, 139, 139
Teal#0080800, 128, 128
Синие тона:
Aqua#00FFFF0, 255, 255
Cyan#00FFFF0, 255, 255
LightCyan#E0FFFF224, 255, 255
PaleTurquoise#AFEEEE175, 238, 238
Aquamarine#7FFFD4127, 255, 212
Turquoise#40E0D064, 224, 208
MediumTurquoise#48D1CC72, 209, 204
DarkTurquoise#00CED10, 206, 209
CadetBlue#5F9EA095, 158, 160
SteelBlue#4682B470, 130, 180
LightSteelBlue#B0C4DE176, 196, 222
PowderBlue#B0E0E6176, 224, 230
LightBlue#ADD8E6173, 216, 230
SkyBlue#87CEEB135, 206, 235
LightSkyBlue#87CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
DodgerBlue#1E90FF30, 144, 255
CornflowerBlue#6495ED100, 149, 237
MediumSlateBlue#7B68EE123, 104, 238
RoyalBlue#4169E165, 105, 225
Blue#0000FF0, 0, 255
MediumBlue#0000CD0, 0, 205
DarkBlue#00008B0, 0, 139
Navy#0000800, 0, 128
MidnightBlue#19197025, 25, 112
Белые тона:
White#FFFFFF255, 255, 255
Snow#FFFAFA255, 250, 250
Honeydew#F0FFF0240, 255, 240
MintCream#F5FFFA245, 255, 250
Azure#F0FFFF240, 255, 255
AliceBlue#F0F8FF240, 248, 255
GhostWhite#F8F8FF248, 248, 255
WhiteSmoke#F5F5F5245, 245, 245
Seashell#FFF5EE255, 245, 238
Beige#F5F5DC245, 245, 220
OldLace#FDF5E6253, 245, 230
FloralWhite#FFFAF0255, 250, 240
Ivory#FFFFF0255, 255, 240
AntiqueWhite#FAEBD7250, 235, 215
Linen#FAF0E6250, 240, 230
LavenderBlush#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
Серые тона:
Gainsboro#DCDCDC220, 220, 220
LightGrey#D3D3D3211, 211, 211
LightGray#D3D3D3211, 211, 211
Silver#C0C0C0192, 192, 192
DarkGray#A9A9A9169, 169, 169
DarkGrey#A9A9A9169, 169, 169
Gray#808080128, 128, 128
Grey#808080128, 128, 128
DimGray#696969105, 105, 105
DimGrey#696969105, 105, 105
LightSlateGray#778899119, 136, 153
LightSlateGrey#778899119, 136, 153
SlateGray#708090112, 128, 144
SlateGrey#708090112, 128, 144
DarkSlateGray#2F4F4F47, 79, 79
DarkSlateGrey#2F4F4F47, 79, 79
Black#0000000, 0, 0

colorscheme.ru

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *