Итак, следующий сервис, который мы сейчас рассмотрим, называется 0to255. Этот простой сервис очень хорошо поможет веб-дизайнерам, да и не только на основе главного цвета подобрать дополнительные оттенки цветов. Можно подбирать от самого светлого оттенка и до самого темного. Сервис хоть и на английском языке, но зато пользоваться им очень просто и удобно.
Для чего нужен этот сервис?
Создателем такого сервиса является один веб-дизайнер, который хотел сделать свою работу наиболее продуктивной. Наверное, у многих уходило немало времени на подбор дополнительных цветов. Например, подбор подходящего цвета ссылки при ее наведении или нажатии. Особенно могут возникать трудности при создании границ различных кнопочек, блоков, рамок или других элементов.
Учитывая, что дизайнеры сталкиваются довольно часто с такой задачей специально и был создан такой полезный сервис. Теперь подбор цветовых оттенков у вас не должен занять много времени. Просто выберите нужный вам главный цвет. После этого будет доступен диапазон оттенков для этого цвета. Выбираем нужный оттенок и пользуемся на здоровье!
Как подобрать оттенки цветов?
Итак, заходим на сервис. С левой стороны вы увидите пример подбора цветов. Чуть правее идут несколько кнопок:
- Share on Twirrer — рассказать о сервисе в твиттере;
- Learn more — общая ознакомительная информация о сервисе;
- Pick A Color — это поиск цвета с помощью кода. Нажимаем на эту кнопку, и выше появится окошко, куда можно будет вставить код цвета.
- Random Color — выбрать случайный цвет.
Если у вас нет кода на нужный цвет, то вы можете выбрать его визуально. Для этого ниже доступна палитра из основных цветов.
Щелкаем на нужный цвет, и нас перебрасывает на диапазон оттенков выбранного цвета. Прямо в середине столбца будет выделен главный цвет. Ниже его идут темные оттенки цветов, выше — более светлые. Каждый оттенок имеет код и при наведении на него мышкой отображается дополнительное окошко оттенков цветов.
Теперь щелкаем левой кнопкой мышки по нужному оттенку цвета. После этого код копируется в буфер обмена. Об этом вам даст всплывающая подсказка в самом верхнем правом углу экрана. Теперь заходим в Adobe Photoshop или в другой подобный графический редактор и вставляем в окошко (1) палитры цветов. После этого появится нужный нам цвет. Все достаточно просто!
Я тут заметил такую особенность, что кроме шестизначного кода цветов встречается еще и трехзначный. Однако при вставке такого трехзначного кода в графический редактор, отображается совсем другой цвет. Например, я выберу один подобный код. Пускай будет оттенок с кодом #0b0.
И когда я этот код копирую в палитру цветов Photoshop, то отображается совсем другой цвет.
Однако чтобы отображался нужный цвет при вставке трехзначного кода, то нам в этом коде каждый символ нужно продублировать. Если копируем код #0b0, то вставлять нужно уже #00bb00. После этого будет отображен нужный цвет.
Вот и все! Больше ничего дополнительного здесь нет. Как видите сервис 0t0255 очень простой и удобный. С помощью него вы сможете быстро подобрать для себя нужные оттенки цветов. Для веб-дизайнеров такой сервис просто незаменим. В общем, изучайте и внедряйте!
Рекомендую почитать похожие записи:
- если будете генерировать палитры цветов для фотографий из интернета, то может воспользоваться генератором палитр от сервиса degraeve.
- для веб-дизайнеров очень хорошо подойдет генератор палитр цветов от сервиса bighugelabs.
А мне очень нравится подобная програмка — HTMLColor2000.
Неплохая программка. Но я предпочитаю больше сервисом пользоваться. Им иногда удобнее :)
Спасибо Сергей, очень полезная статья, в интернете главное знать где найти информацию, а такая инструкция позволит легко ею воспользоваться
интересный сервис, правда я обычно использую пипетку из FastStone, очень просто взять понравившийся цвет и скопировать в любой редактор
А порой действительно не хватает какого то оттенка. Так что информация о сервисе конечно пригодится. Спасибо. Вообще нахожу много того о чем пока не знал. Есть чему поучится.