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

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

программа pixie

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

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

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

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

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

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

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

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

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

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

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

цвет pixie

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

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

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

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

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

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

Поделись информацией:
Помогла статья? Оцените её
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд
Загрузка...

Подписка на рассылку

Комментарии
  1. Алексей

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

    • Андрей Назыров

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

  2. Pavel

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

  3. Богдан Мосякин

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

  4. Алексей

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

  5. Александр Викторович

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

    • Андрей Назыров

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

  6. Женька

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

  7. Сергей

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

    • Андрей Назыров

      Пожалуйста 😉

  8. Сергей

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

  9. Alexey

    Да, мне тоже понравилась. С удовольствием пользуюсь.

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