В помощь веб-мастеру, или Как узнать код цветовой области - Компьютерная документация по Windows. Оптимизация Windows.
 Компьютерная документация по Windows. Оптимизация Windows.  Компьютерная документация по Windows. Оптимизация Windows. Поиск
  Здравствуйте  [ Новый пользователь ] Домой  .  Статьи по темам  .  Компьютерная документация  .  Личный кабинет  .  Toп 10  .  Карта сайта  

  Навигация

 Главная   Главная
 Главная   Магазин софта
 Темы новостей   Темы новостей
 Топ 10   Топ 10
 Архив новостей   Архив новостей
 Карта сайта   Карта сайта
 Конструктор   Конструктор
 Обзоры   Обзоры
 Интересное   Интересное
 Рассылка новостей   Рассылка новостей
    Полезные ресурсы
 Пользователи   Пользователи
 Поиск   Поиск
 Написать нам   Написать нам
 Тест скорости   Тест скорости


  Наши темы
Windows 8
Windows 7
Windows Vista
Windows XP
Настройка Windows
Реестр Windows
Восстановление системы
MS-DOS
BIOS
Интернет
Microsoft Office
Сетевые настройки
Обработка видео
Вебмастеру
Оптимизация Windows
Обзор софта
Технологии, обзоры
Обзоры компьютеров и комплектующих
Рецензии
Полезные советы
Продвижение сайтов

Новые обзоры

Как заработать на ремонте компьютеров

Переработка отходов электроники

Типовые неисправности I:Phone, Pad, Pod и Macbook

Место для вашей электронной души

Ремонт компьютеров в Москве


В помощь веб-мастеру, или Как узнать код цветовой области

Размещено 05/11/2007

Вебмастеру Однажды на работе мне потребовалось узнать используемое значение (в формате HTML) цвета на одной страничке в интернете, а подходящих инструментов для этого не было. Мне посоветовали сделать скриншот экрана монитора, запустить Photoshop и, вставив картинку из буфера обмена, средствами программы узнать нужный мне код. Я сделал, как мне сказали. Однако перспектива загружать графический редактор всякий раз только для того, чтобы узнать цвет, меня не устраивала. И я задался целью выяснить, что в этой области придумано для веб-мастеров. Результатами своих поисков я делюсь в этом небольшом обзоре.

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

Pixie

Этой утилиткой от компании Nattyware World я пользуюсь давно и, откровенно говоря, не собираюсь ей изменять. Она полностью удовлетворяет мои потребности в таком простом деле, как HTML-верстка. К тому же, вес малютки в рабочем состоянии - всего восемь килобайтов с копейками, что в моем хит-обзоре выводит ее на заслуженное первое место.

Итак, вот что Pixie умеет делать:

  • определять и показывать в своем маленьком окошке код цвета в форматах HTML и/или HEX (шестнадцатеричное значение цвета), RGB (цветовая палитра, множество комбинаций трех основных цветов: R - красный, G - зеленый и B - синий), CMYK (цветовая палитра, множество комбинаций четырех цветов: C - голубой, M - сиреневый, Y - желтый, K - черный), HSV (Hue - оттенок, Saturation - насыщенность, Value - величина или значение)
  • определять координаты курсора мыши (от левого верхнего угла экрана)
  • увеличивать область экрана в районе нахождения курсора мыши (в случае, если область цвета так мала, что сложно точно навести курсор)
  • копировать в буфер обмена HTML-код цвета
  • замораживать (останавливать) свою работу с последним определенным цветом
    ka_pixie

Копирование кода в буфер обмена, лупа и остановка работы возможны только с использованием сочетаний клавиш, которые, кстати, можно и переопределить. Так, чтобы скопировать код, нужно одновременно нажать Ctrl + Alt + C, для увеличения области экрана - Ctrl + Alt + Z. Если вы определили какой-то цвет и хотите приостановить работу утилиты с сохранением этого цвета, то нажмите одновременно клавиши Caps Lock и Scroll Lock. Повторное нажатие этого сочетания разблокирует программу.

Утилита позволяет работать и со стандартным инструментом Windows для определения цвета. Допустим, вы навели курсор на определенную цветовую область, но вам нужно что-нибудь посветлее или потемнее. Достаточно нажать сочетание Ctrl + Alt + X, и откроется диалоговое окно "Цвет", как на скриншоте ниже. Как с ним работать, я думаю, всем известно. Но разработчик программы (кстати, наш соотечественник Илья Левин) дополнительно предусмотрел и реализовал такую необходимую функцию, как копирование выбранного в этом "миксере" цвета в буфер обмена после нажатия кнопки ОК. Браво! Этой функции так не хватает в Windows.
ka_colormix

Каких-то существенных недостатков у этой утилитки я не обнаружил, за исключением необходимости двойного щелчка для ее запуска из системной панели и невозможности закрыть программу оттуда же (нужно ее сначала открыть, а потом закрыть). Но это уже придирки.

EyeDropper

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

  • возможность копирования в буфер обмена значений определяемого цвета в различных форматах (HTML, RGB, CMYK)
  • снятие скриншота с области экрана (с возможностью выбора размера области), всего рабочего окна, объекта или активного окна. Скриншот отображается в рабочем окне программы. Здесь же есть кнопки, позволяющие скопировать картинку в буфер обмена, распечатать или сохранить в файл. Правда, файл можно сохранить лишь в формате BMP
  • "горячие" клавиши для быстрой работы с утилитой

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

Интересно реализован доступ к опциям программы: нужно резко переместить курсор мыши вниз в область прямоугольника. Откроется небольшое окошко с шестью вкладками:
ka_eyedropper_option

Поскольку это всего-навсего бета-версия, то обнаружились и очевидные недоработки. Совсем не понятно и нигде не указывается, как копировать в буфер обмена значения определенного цвета. Путем логического анализа выяснилось, что это делается нажатием сочетания клавиш Ctrl+C. Кроме того, у меня постоянно выпадали окошки с сообщениями об ошибках, после того как я сворачивал программу в системную панель. Приходилось принудительно закрывать программу через "Диспетчер задач".

С официального сайта программы можно скачать более ранние, устойчивые версии. Я протестировал версию программы 3.01. При попытке скопировать HTML-код цвета в буфер я получил код RGB. В настройках (на вкладке Clipboard) есть возможность выбора формата, но выпадающее окошко выбора с мышкой не работало. Как выбрать, я не мог понять. Написал письмо разработчикам и буквально через час получил ответ. Они сообщали, что выбирать формат нужно управляющими клавишами "вверх" и "вниз" клавиатуры. Действительно, получилось, но неудобно и неочевидно. Хотя поддержка пользователей на высоком уровне.

Quick HTML Color Picker

Эта программа не имеет каких-то особых наворотов. Определяет лишь значения цвета при наведении курсора-пипетки на цветовую область и показывает его в двух форматах: RGB и HTML.

При запуске программа выводит на экран свое окно, в котором есть только самые необходимые для работы инструменты: клавиши Pick Color и Copy, а также поля с образцом цвета и его значениями в указанных форматах.
ka_q_html_picker_1
При нажатии на кнопку Pick Color основное окно программы скрывается, уступая место небольшому окошку с пипеткой-курсором
ka_q_html_picker_2

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

После того как курсор остановится над нужным цветом, следует нажать левую кнопку мыши. Значения цвета появятся в соответствующих полях основного окна программы. Теперь достаточно нажать кнопку Copy, чтобы скопировать код цвета в формате HTML. Если же отметить галочкой опцию Copy automatically, то после выбора цвета пипеткой его код автоматически скопируется в буфер обмена.

И еще одна полезная возможность реализована в программе. Клик мышью по полю с образцом цвета приведет к открытию стандартного диалогового окна выбора цвета.

Web Designers Tool Set

Основная функция программы - измерения, ибо это экранная линейка. Тем не менее, в ее состав входит и функция определения кода цветовой области в форматах RGB и HTML.
ka_web_designer

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

Чтобы открыть окошко определителя цветовых кодов (оно же Zoom - увеличение области экрана), надо после запуска программы нажать кнопку с изображением лупы на горизонтальной линейке, либо, что гораздо удобнее, нажать сочетание клавиш Alt + Z. На рабочем столе отобразится типичное информационное окошко с показаниями цвета в формате RGB и HTML.

Программа позволяет сгенерировать и скопировать в буфер код цвета в формате HTML. Для этого надо нажать сочетание клавиш Alt + T. Чтобы скрыть Zoom, нужно повторно нажать сочетание Alt + Z.

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

Возможно, среди читателей сайта "Компьютерра-Онлайн" найдутся программисты, которые захотят самостоятельно создать подобную программу для своих нужд. Я думаю, им будет интересно взглянуть на исходный код программы под Delphi для определения кода цвета пикселя под курсором. Вот ссылка для интересующихся.

Автор: Антон Кокин
http://www.computerra.ru/gid/rtfm/web/291648/


 



Компьютерная документация по Windows Copyright © 2008-2019