Выбираем цвета для сайта с помощью 4 сервисов

Выбираем цвета для сайта

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

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


сервис подбора цвета oto255

Инструмент 0to255 (www.0to255.com) удобен в использовании. Всего два варианта действий, как им пользоваться. Сначала расскажу первый.

Посмотрите на скриншот. Расписал по действиям.

  1. Кликнете по кнопке enter a color, чтобы появилось окно для набора кода.
  2. Вводите код нужного вам цвета, чтобы найти его оттенки. Я выбрал жёлтый.
  3. Нажимаете кнопку Enter color.


как пользоваться oto255

Появилась страница оттенков. Выбираете нужный, и кликаете по нему один раз. Вы скопировали код. Осталось вставить его в нужное место: в палитру фотошоп, код css или  в текстовой документ. Только добавьте знак #, потому что копирование, почему-то происходит без него.


oto255 использование

Сейчас второй вариант.

Он ещё проше, выбираете квадрат необходимого цвета (140 вариантов цветов) и кликнете по нему. Появится та же самая страница оттенков, как в прошлом скриншоте. Нажимаете на нужный оттенок и копируете код.


цвета брендовых сайтов - brandcolors

Следующий сайт – brandcolors (brandcolors.net). Он посвящён цвету брендовых сайтов. То есть, какие основные цвета используются на этих сайтах. Удобно взять такой же оттенок и применить в своих работах, будь то landing page или блог.


brandcolors сервис цветов

Пользоваться просто. На скриншоте видно, как выделено слово adobe. Делается это кликом мыши по слову. Квадраты изменят форму и станут прямоугольными. Наведите курсор на один из них, увидите код. Скопировать его, достаточно кликнуть по нужному цвету. Останется скопировать в нужное место: фотошоп, текстовый документ или файл css. Здесь, как и в примере выше, добавляете знак # перед кодом.


palettable подбор цвета

Новый сервис для составления цветов palettable (www.palettable.io). На скриншоте ниже видно три полосы, нажав которые, появится окошко. В нём выберете нужный цвет, он отобразится выше. Скопируйте его и используйте в своей работе.


выбор цвета palettable

И последний сайт, который мы рассмотрим – палитра цветов. Называется он open-color (yeun.github.io/open-color). Представляет собой страницу с изображениями цвета в виде квадратов. Под каждым наименование кода. Копируете и используете.


палитра цветов open-color

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

Всего хорошего! С уважением Вадим Сулик.

Понравилось? Поделитесь с друзьями, нажав на одну из кнопок:

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

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