Веб-приложение недели: Paletton

Не каждый веб-сайт может похвастаться дизайнерскими решениями, но цветовая концепция вашего онлайн-присутствия не должна от этого страдать. Популярный конструктор цветовых схем приобретает новый облик: бесплатное веб-приложение Paletton поможет вам создать гармоничные цветовые схемы всего за несколько кликов. Онлайн-инструмент основан на науке о цвете и создает дополняющую цветовую палитру для каждого тона. Этот инструмент позволяет придать элементам дизайна вашего сайта профессиональный оттенок. Хорошо продуманная цветовая композиция может эффектно смотреться в презентациях или инфографике.

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

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

• Смежные цвета: в этом режиме Paletton создает цветовые палитры, в которых два похожих цвета назначаются вашему базовому цвету. Каждый из этих цветов будет отображаться в пяти оттенках. К базовому цвету может быть добавлен дополнительный цвет.

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

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

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

Выбор основных и дополнительных цветов основан на цветовом круге. В зависимости от того, куда вы поместите курсор для основных и дополнительных цветов, Paletton генерирует цветовую палитру, основанную на ваших настройках. Если вы используете один из режимов: Смежные цвета, Триада или Тетрада, цветовая концепция основана на заранее запрограммированных правилах сочетания, которые гарантируют гармоничное составление. Вы можете определить значения цветов с помощью внешнего цветового кольца, а затем использовать внутреннюю часть цветового колеса для настройки оттенков выбранных цветов.

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

Для того чтобы получить шестнадцатеричный код и другую информацию о созданной вами цветовой концепции, просто щелкните на поле цвета вашей палитры, чтобы открыть окно Color Info.

Paletton также предлагает возможность экспорта отдельных цветовых палитр в различные форматы, такие как CSS, LESS, SASS, XML или файлы Swatch для Photoshop. Нажмите на кнопку Tables/Export и выберите нужный формат.

Вот краткое введение в Paletton:

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