Pixie–быстрое определение цвета пикселей

Pixie–быстрое определение цвета пикселей

Добрый день, дамы и господа! Давайте сегодня поговорим о решении такой задачи, как определение цвета. Эта задача в первую очередь актуальна для вебмастеров и дизайнеров, но также может пригодиться абсолютно любому пользователю. Например, нашли вы разноцветный заголовок и решили сделать себе такой же. Для этого вам необходимо точно знать, какие цвета присутствуют на картинке. Я знаю людей, которые делают скриншот окна браузера, вставляют его в Photoshop и пользуются там пипеткой. Да что там – и сам когда-то таким был) В том числе и так используется Photoshop в российских реалияхУлыбка Так вот намного быстрее и проще пользоваться специализированной программой.

Скачать Pixie

Думаю, не ошибусь, если скажу, что Pixie – одна из самых маленьких программ, которыми пользуются люди. Ее размер составляет всего 11 КБ. А дизайн настолько минималистичен, что некоторых ошарашивает.

pixie1

Итак, после запуска программы перед нами появляется вышеприведенный интерфейс, состоящий из названия параметров и их текущих параметров. Слева отображается цвет пикселя, на который наведен курсор (в моем случае белый) и кнопки сворачивания (в трей) и закрытия программы. Окошко можно перемещать, схватившись за любое место. При перемещении курсора в режиме реального времени меняются значения параметров.

Давайте рассмотрим эти параметры и их значения.

  • pixel at – положение рассматриваемого пикселя на мониторе в системе координат xy, где x – ширина монитора, а y – его высота. Только система координат несколько искаженная. Точка [0:0] расположена в левом верхнем углу. При перемещении курсора в крайнее правое положение вы увидите значение (разрешение вашего монитора по ширине — 1). В моем случае 1280-1=1279. При движении курсора вниз получаем (разрешение монитора по высоте — 1). У меня: 1024-1=1023. Соответственно, координаты моего правого нижнего угла – [1279:1023].
  • RGB – показ цветов в соответствующем цветовом пространстве. К предыдущим двум параметрам вернемся позднее. В цветовой модели RGB каждый цвет (красный, зеленый, синий) кодируется своими значениями. У каждого цвета 256 оттенков – от 0 до 255. При их смешении получается цвет, который мы видим на мониторе. Всего при 8-битном кодировании (каждый цвет от 0 до 255) может быть 16777216 цветов. В моем случае каждый цвет кодируется значением 255: (255, 255, 255), т.к. цвет белый. Для проверки можете зайти в Photoshop, выбрать основной или фоновый цвет на панели инструментов и ввести значения напротив букв R, G, B.
  • HEX – кодирование цвета в шестнадцатеричном коде. В этом коде используются буквы и цифры: (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F). Первые две цифры/буквы после знаков “0х” отвечают за кодирование значения R (красного цвета) в шестнадцатеричном коде, остальные две пары – соответственно за зеленый и синий каналы.
  • HTML – то же, что и HEX. Только после знака “#”.
  • CMYK – четырехцветная система (циан, маджента, желтый, черный), часто используемая в полиграфии. В этой модели содержание каждого цвета задается в виде процентов. Поиграйтесь со значениями в окне Photoshop:

Палитра цветов

  • HSV (HSB) – цветовая модель, в которой цвет задается цветовым тоном, насыщенностью и яркостью. Цветовая насыщенность изменяется от 0 до 360 градусов. Примерное соответствие цветов градусам смотрите на цветовой шкале ниже. Насыщенность и яркость задаются в %.

Шкала оттенков

При наведении курсора на область интерфейса программы всплывает подсказка о горячих клавишах. Упомяну их здесь.

  • “Ctrl+Alt+C” – копирование информации о цвете в коде HTML. Эта опция очень удобна для вебмастеров, которым нужно без всяких излишеств быстро вставить код интересующего цвета в код. Тавтология, однако правда)
  • “Ctrl+Alt+X” – вызывается стандартная панель цвета Windows. Здесь можно ввести код в форматах HTML, HSB, RGB и посмотреть на результат:

Цветовая панель Windows

  • “Ctrl+Alt+Z” – вызов панели, в которой будет отображаться квадратная область близлежащих пикселей в увеличенном виде. Так вы сможете точнее попасть в цвет. Например, когда вам необходимо определить цвет мелкого текста.

Pixie Magnifier

На этом все. С вопросами/предложениями/дополнениями жду в комментариях.

Комментарии. Добро пожаловать в обсуждение!

  1. Евгений // 08.02.2014 at 19:52 // Ответить

    Благодарю!
    Очень удобная программка!

Ваш комментарий

Ваш e-mail не будет опубликован.

*


*


Твитнуть