Подбираем оттенки цветов в сервисе 0to255

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

Для чего нужен этот сервис?

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

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

Как подобрать оттенки цветов?

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

  • Share on Twirrer — рассказать о сервисе в твиттере;
  • Learn more — общая ознакомительная информация о сервисе;
  • Pick A Color — это поиск цвета с помощью кода. Нажимаем на эту кнопку, и выше появится окошко, куда можно будет вставить код цвета.
  • Random Color — выбрать случайный цвет.

Пользование сервисом 0to255

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

Выбираем случайные цвета в сервисе

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

Подбираем оттенки цветов в сервисе

Теперь щелкаем левой кнопкой мышки по нужному оттенку цвета. После этого код копируется в буфер обмена. Об этом вам даст всплывающая подсказка в самом верхнем правом углу экрана. Теперь заходим в Adobe Photoshop или в другой подобный графический редактор и вставляем в окошко (1) палитры цветов. После этого появится нужный нам цвет. Все достаточно просто!

Копируем цвет и вставляем в редактор

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

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

Неправильное отображение трехзначного кода в редакторе фотошоп

Однако чтобы отображался нужный цвет при вставке трехзначного кода, то нам в этом коде каждый символ нужно продублировать. Если копируем код #0b0, то вставлять нужно уже #00bb00. После этого будет отображен нужный цвет.

Как правильно отобразить трехзначный код цвета в редакторе?

Вот и все! Больше ничего дополнительного здесь нет. Как видите сервис 0t0255 очень простой и удобный. С помощью него вы сможете быстро подобрать для себя нужные оттенки цветов. Для веб-дизайнеров такой сервис просто незаменим. В общем, изучайте и внедряйте!

Рекомендую почитать похожие записи:

Zavitushka-dlya-sayta

 
rss-1Следить за новыми статьями на этом блоге!

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

Комментарии 5

  • А мне очень нравится подобная програмка — HTMLColor2000.

    • Неплохая программка. Но я предпочитаю больше сервисом пользоваться. Им иногда удобнее :)

  • Спасибо Сергей, очень полезная статья, в интернете главное знать где найти информацию, а такая инструкция позволит легко ею воспользоваться

  • интересный сервис, правда я обычно использую пипетку из FastStone, очень просто взять понравившийся цвет и скопировать в любой редактор

  • А порой действительно не хватает какого то оттенка. Так что информация о сервисе конечно пригодится. Спасибо. Вообще нахожу много того о чем пока не знал. Есть чему поучится.

А что вы думаете по этому поводу?

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

Нажимая на кнопку «Отправить», вы соглашаетесь с нашей политикой конфиденциальности и пользовательским соглашением.