Разработка сайтов для бизнеса. Адаптивная верстка и интеграция с CMS

Инструменты веб-мастера: как определить цвет

/ Сергей Нуйкин / Инструментарий

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

Для чего нам может потребоваться узнавать цвет пикселя?

  • использовать в html верстке;
  •  использовать при правке шаблона страницы;
  • использовать в работе над дизайном;
  • и так далее…

Итак, первый помощник программка pixie

Рixie – это небольшая программка для веб-мастеров и дизайнеров которая позволяет узнать цвет пикселя в любой точке экрана.

pixie, инструменты веб-мастера

Для того чтобы определить цвет необходимо запустить программу и навести курсор на нужное нам место, и программа нам покажет цвет, а также предоставит нам информацию по этому цвету в виде HEX, HTML, RGB, CMYK и HSV значений. Благодаря этим параметрам Вы сможете использовать полученный результат по цвету в нужных Вам целях.

Для более точного получения цвета в программе предусмотрена лупа. Вызвать лупу можно нажатием клавиш Ctrl+Alt+Z. Если Вы сразу отпустите клавиши после нажатия, то у вас появится небольшой скриншот с которого можно снять цвет, но можно удерживать клавиши и двигать курсором мыши, при этом мы будем все видеть увеличено через лупу и сможем более точно произвести выбор цвета.

pixie-лупа

После наведения и получения данных, чтобы их скопировать в виде HTML цвета необходимо нажать горячие клавиши  Ctrl+Alt+С, а в том месте где вставить нажать Ctrl+V.

А если произвести нажатие горячих клавиш Ctrl+Alt+X на экран появится color mixer, из которого также можно скопировать атрибуты цвета, по RGB, HTML.

pixie, как определить цвет

Чтобы не забыть эти комбинации клавиш у программы pixie предусмотрена подсказка, которую можно получить, наведя курсор на окно программы.

pixie

Теперь давайте перейдем ко второму инструменту веб-мастера, фотошопу

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

как определить цвет

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

Понравилась статья?
Подпишитесь на обновления сайта:


Информация о политике конфиденциальности
Поделитесь статьей с друзьями:

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

Комментарии к статье:
    • Лысенко Евгений

      Вот не знал что пипеткой в фотошопе можно и за его пределами пользоваться. Спасибо, теперь знаю и буду пробовать ;)

    • Нуйкин Сергей

      Пожалуйста! Конечно пользуйся, удобно парой очень ;)

    • Евгений Комиссаров

      )) вот уж, а скриншот делал и там уже пипеткой водил..)

    • Нуйкин Сергей

      Не понял Жень?

    • Олег

      Я пользуюсь для этого программой FsCapture.

    • Нуйкин Сергей

      Тоже достойный вариант!

Добавить комментарий:

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

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