ColourCode: создание аналоговых, монохромных, триадных и четырехцветных схем

click fraud protection

Adobe Kuler является одним из моих любимых мобильных приложений по двум очень простым причинам; это избавляет меня от необходимости подбирать правильный цвет для темы и позволяет мне просто указать изображение, которое мне нравится, и потому, что оно может создавать цветовые схемы с большим количеством вариантов. ColourCode это мое новое любимое веб-приложение для создания цветовых тем. Он имеет семь различных вариантов, которые могут создавать темы из любого выбранного вами базового цвета. Тема может быть загружена в виде файла SCSS, LESS или PNG. Кроме того, вы также можете получить постоянную ссылку на тему и поделиться ею с кем-либо. Регистрация не требуется, и приложение абсолютно бесплатно.

ColourCode имеет простой интерфейс; Вы начинаете с одного цвета, и когда вы перемещаетесь по этой первой цветной панели, он меняет цвет, как если бы вы панорамировали по цветовой гамме. Нажмите на панель, чтобы зафиксировать цвет, когда вам это нравится. Вы можете добавить дополнительные панели, нажав кнопку «плюс» справа. Панели можно удалить, нажав кнопку минус слева. Чтобы просмотреть один из множества вариантов сочетания цветов, щелкните панель инструментов слева.

instagram viewer

colourcode

Опция Free Build позволяет вам начать с одного цвета, который вы выбираете сами, а затем вы можете добавить больше панелей и выбрать больше цветов для создания вашей темы. Монохромный позволяет выбрать цвет и автоматически генерирует его оттенки. Чем больше панелей вы добавляете, тем больше оттенков одного цвета вы получаете. Монохромный со светлым и темно-серым оттенками смешает оттенки серого с оттенками цвета, который вы изначально выбрали. Предварительные настройки для аналоговых, аналоговых и дополнительных, триадных и четырехугольных схем также являются частью предложения. Когда вы определились с тем, что хотите использовать, дважды щелкните его, чтобы заблокировать.

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

образцы цветовых кодов

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

Посетите ColourCode

watch instagram story