Home / Софт для вебмастера / Как быстро определить код цвета любого элемента на вашем мониторе?

Как быстро определить код цвета любого элемента на вашем мониторе?

Привет, друзья! Был у вас такой случай, когда встречаешь на какой-нибудь web странице интересный цвет, который хочется внедрить у себя на блоге, но ты не можешь определить его HTML код? Конечно, если это цвет ссылок или текста, можно открыть исходный код страницы и посмотреть. А как же быть, если этот цвет в какой-нибудь картинке?

программа pixie

В этом вам может помочь замечательная программа Pixie (пикси). Хотя, программой ее назвать сложно, это скорее утилита, которая весит всего 11 Кб. У меня некоторые изображения на блоге весят больше 🙂 Кстати, советую прочесть мою статью про оптимизацию изображений.

Программа Pixie была разработана для web дизайнеров, но получила признание и у рядовых web мастеров и блоггеров.

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

Как скачать, запустить и работать с программой Pixie (Пикси)?

Скачать Pixie можно с официального сайта www.nattyware.com. Здесь доступны три вида скачивания:

  • Портативная версия;
  • В ZIP архиве;
  • Полный исходный код программы;

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

Для того, чтобы скачать, кликните по ссылке и менее, чем за 2 секунды, утилита скачается.

Я выбрал портативную версию.

портативная версия pixie

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

цвет pixie

В этом окошке показана следующая информация:

  • Координаты курсора;
  • Шестнадцатеричный код цвета(HEX);
  • HTML код цвета;
  • RGB код;
  • Код в формате CMYK;
  • Код HSV;

Окно утилиты можно переместить в любое удобное для вас место на мониторе, свернуть или закрыть.

Программа Pixie поддерживает горячие клавиши:

  • Ctrl + Alt + C — скопировать HTML код в буфер обмена.
  • Ctrl + Alt + X – включить смеситель цветов.
  • Ctrl + Alt + Z – Открыть снимок зоны под курсором, увеличенный в семь раз.

Последняя комбинация позволяет определить код цвета с точность до пикселя.

Возможно вас заинтересует:  Лучший текстовый редактор кода Notepad plus plus!

Об авторе: Андрей Назыров

Приветствую Вас на своем блоге! Здесь Вы найдете всю необходимую информацию по созданию своего блога (сайта), его SEO оптимизации и последующего заработка.

10 комментариев

  1. Наверное классная утилита, но я всегда пользуюсь программой ColoMania, так она определяет цвета любых элементов в разных форматах, например, HTML, Delphi, Photoshop и т.д.

    Ответить
    • Принцип у ней схож с Pixie, но она весит немного болше, и судя по описанию у ней больше возможностей.

      Ответить
  2. Пользуюсь gpick, простая и довольно функциональная программка.

    Ответить
  3. Тоже пользуюсь программкой gpick, мне нравится.

    Ответить
  4. Алексей:

    Программа довольно удобная и простая. Переносная версия есть. Удобно, кинул на флэшку, запустил, навел указатель на нужный цвет, нажал комбинацию клавиш (например, ctrl+alt+C), и в буфер скопировался код этого цвета.

    Ответить
  5. Вот эту программку я себе установлю. Не редко сталкиваюсь с вопросом где и как узнать код цвета. Надеюсь данная программа будет достаточно удобной и практичной. Просто как то раньше не встречал подобных программ.

    Ответить
    • Программа отличная, не пожалеете. Меня она не раз выручала при редактировании шаблона блога.

      Ответить
  6. Женька:

    Тем, кто занимается различными дизайнами, рисовалками, сайтами и блогами просто незаменимая программа. Особенно удобно, что есть переносная версия. У меня она всегда на флешке- и места много не занимает, и всегда понадобится может

    Ответить
  7. Доброго времени суток. Отличная мини программка. Спасибо большое за статью, отличная, благодаря вам узнал как копировать цвет, что бы не переписывать)

    Ответить

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

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