Вам необходимо включить Javascript для запуска этого приложения
574

· Инструмент для подбора цветов и генерации цветовых схем ·

моноконтрасттриадатетрадааналогияакцент аналогия
Оттенок: 0\u00b0
инверсия
Угол: 0\u00b0
RGB: FF0000

Схема:
Насыщенность/Яркость

Схема:
Контрастность

Выбранный Вариант:
Насыщенность/Яркость

Пресет:
Цветовой КругРегулировка СхемыЗначения Цветов

Постоянный адрес текущей цветовой схемы:

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

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

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

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

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

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

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

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

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

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

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

Модель акцентированной аналогии. Это аналогичная модель с добавлением дополнительного (контрастного) цвета. Модель должна рассматриваться как дополнение — она добавляет напряжённости к цветовой палитре, и слишком агрессивна в случае злоупотребления. Вместе с тем, она может быть использована в некоторых деталях, а так же в качестве цветового акцента — порой получается очень эффективная и элегантная цветовая гамма.
Оттенок. На этой вкладке отображается цветовой круг. Кликните по ней для регулировки оттенков основных, дополнительных, и вторичных цветов.
Регулировка цветовой схемы. На этой вкладке можно регулировать яркость/насыщенность цвета и контраст цветовой схемы, или просто выбрать из предопределённых настроек.
Информация о цветовой схеме. Кликните по этой вкладке для отображения значений цветов фактической цветовой схемы, а так же для экспорта их в различные форматы данных.
Оттенок основного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.
Оттенок дополнительного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Значение оттенка основного цвета. Кликните для ввода числового значения.
Угол/дистанция оттенка вторичных цветов. Кликните для ввода числового значения. Имеет смысл только в цветовых схемах, использующих вторичные цвета.
Значение RGB основного цвета. Кликните для ввода числового значения.

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

Значения RGB основного цвета.
Пресеты цветовых схем. Кликните и выберите предопределённые комбинации яркости, насыщенности и контрастности цветовой схемы.
Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).
Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для тёмного варианта, влево/вправо для светлого варианта).
Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.
Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.
Список вариантов цвета. Выберите вариант цвета, а затем отрегулируйте его насыщенность и яркость при помощи ползунка на левом квадрате.
Схема палитры. Представлены четыре основных цвета, для лёгкого составления впечатления о схеме.
URL адрес цветовой схемы. Для каждой схемы существует уникальный ID. Вы можете сохранить эту ссылку в закладки, и вернуться к редактированию своей цветовой схемы в любой момент времени.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Пример веб-страницы (светлая/позитив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.
Пример веб-страницы (тёмная/негатив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.
Показать пример текста. Отметьте галочку, чтобы отобразить белый, чёрный и серый текст в окне предварительного просмотра цветовой схемы.
Назад. Отменить последнее изменение палитры.
Вперёд. Вернуть последнее отменённое действие.
Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.
Настройки рандомизации. Нажмите, чтобы установить, какие параметры должны быть рандомизированы.
Симуляция зрения. Выберите пункты из списка для моделирования того, как люди с типичными нарушениями цветового зрения будут воспринимать вашу цветовую схему.
Цветовая модель (Цветовое пространство). Выберите цветовую модель для вашей палитры.
Цветовая модель RGB. Использовать стандартное цветовое пространство RGB.
Web-цвета RGB. Сводит цветовое пространство RGB к использованию лишь 216-ти «безопасных для Web/HTML цветов».
Цветовая модель PANTONE ™. Выберите цвета из группы цветов Pantone ™. © Pantone, Inc. All rights reserved. Соответствие цветов только приблизительное, вы получите только впечатление того, как могут выглядеть цвета Pantone. Руководство по Pantone — единственный надёжный источник для просмотра и определения цветов.
Цветовая модель RAL ™. Выберите цвета из группы цветов RAL ™. © RAL GmbH. All rights reserved. Соответствие цветов только приблизительное. Используйте реальные карты цветов и коллекции RAL для просмотра и определения цветов.
Экспортировать вашу палитру. Выберите формат сохранения вашей цветовой схемы для дальнейшего использования.
Экспортировать в текстовый файл. Экспорт схемы в виде обычного текста, для удобного копирования/вставки значений цвета, или отправки по электронной почте.
Экспортировать в формате HTML+CSS. Экспорт цветовой схемы как HTML-таблицу с CSS стилями.
Экспортировать в формате XML. Экспорт цветовой схемы как XML разметку, которая в дальнейшем может быть обработана XML-парсером.
Экспортировать в формате ACO. Экспорт схемы в формате палитры цветов Photoshop. Сохраните файл и импортируйте его в Photoshop, Fireworks или другом приложении, поддерживающем этот формат.
Экспортировать в формате ASE. Экспорт схемы в формате палитры цветов Adobe Creative Suite. Файлы "Adobe Swatch Exchange" работают в программах Adobe Photoshop, Adobe Illustrator, Adobe Indesign (начиная с версий CS2 и CS3), а так же могут быть загружены в Kuler.
Сохранить изображение в формате PNG. Инструмент для сохранения цветовой палитры в виде небольшого изображения.

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

Экспортировать в формате GPL. Экспорт схемы как цветовую палитру GIMP. Сохраните файл и импортируйте его в редакторе GIMP.
Внимание! Активировано «Преобразование цветовой модели» и/или «Симуляция зрения»