Комп’ютера На допомогу веб-майстру, або Як дізнатися код колірної області

Підбірка утиліт, що найбільш повно відповідають потребам веб-майстрів у визначенні коду колірної області при наведенні на неї курсору.

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

Цією утиліткою від компанії Nattyware World я користуюся давно і, щиро кажучи, не збираюся їй змінювати. Вона повністю задовольняє мої потреби у такій простій справі, як HTML-верстка. До того ж, вага малюка в робочому стані – всього вісім кілобайтів із копійками, що у моєму хіт-огляді виводить її на заслужене перше місце.

Отже, ось що Pixie вміє робити:

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

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

Якихсь суттєвих недоліків у цієї утилітки я не виявив, за винятком необхідності подвійного клацання для її запуску з системної панелі та неможливості закрити програму звідти (потрібно її спочатку відкрити, а потім закрити). Але це вже причіпки.

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

можливість копіювання в буфер обміну значень визначеного кольору у різних форматах (HTML, RGB, CMYK)
зніміть скріншот з області екрана (з можливістю вибору розміру області), всього робочого вікна, об'єкта або активного вікна. Скріншот відображається у вікні програми. Тут є кнопки, що дозволяють скопіювати картинку в буфер обміну, роздрукувати або зберегти в файл. Щоправда, файл можна зберегти лише у форматі BMP
"гарячі" клавіші для швидкої роботи з утилітою

При запуску програми вона показує невеликий прямокутник, який прив'язаний до курсора і переміщається за ним.

Цікаво реалізовано доступ до опцій програми: потрібно різко перемістити курсор миші вниз у область прямокутника. Відкриється невелике віконце з шістьма вкладками:

Оскільки це всього лише бета-версія, то виявилися і очевидні недоробки. Зовсім не зрозуміло і ніде невказується, як копіювати буфер обміну значення певного кольору. Шляхом логічного аналізу з'ясувалося, що це робиться натисканням клавіш Ctrl+C. Крім того, у мене постійно випадали віконця з повідомленнями про помилки після того, як я згортав програму в системну панель. Доводилося примусово закривати програму через "Диспетчер завдань".

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

Ця програма не має якихось особливих наворотів. Визначає лише значення кольору при наведенні курсору-піпетки на колірну область та показує його у двох форматах: RGB та HTML.

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

При натисканні на кнопку Pick Color основне вікно програми ховається, поступаючись місцем невеликому віконце з піпеткою-курсором.

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

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

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

Основна функція програми – виміри, бо це екранна лінійка. Тим не менш, до її складу входить і функція визначення коду колірної області у форматах RGB та HTML.

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

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

Програма дозволяє згенерувати та скопіювати в буфер код кольору у форматі HTML. Для цього треба натиснути клавіші Alt + T. Щоб приховати Zoom, потрібно повторно натиснути клавіші Alt + Z.

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