Визначити колір піксела на зображенні онлайн. Визначення кольору на екрані монітора Програма, що реагує на зміну кольору пікселя

Працюючи з CSSі версткою сторінок доводиться досить часто працювати з квітами і дуже часто виникає необхідність визначення коду кольору/відтінку на заданій ділянці будь-якого зображення. Для цього існує спеціальна програма, яка називається ColorMania. Її можна завантажити з цього сайту http://www.blacksunsoftware.com/colormania.html. Після запуску вона виглядає так.

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

Можна вибрати вид відображення кольору, наприклад: у шістнадцятковому вигляді, у вигляді RGBчи іншому вигляді. Для зміни виду відображення натискаємо на список, що випадає, і в списку вибираємо той вид відображення, який Вам потрібен.

Після того, як Ви вибрали колір, можете, натиснувши на кнопку "Copy"скопіювати код кольору в буфер обміну або виділити його мишею і скористатися комбінацією клавіш "ctrl + C".

Є можливість вибору рандомного (випадкового) кольору, скориставшись кнопкою "Random".

Також можна викликати стандартне діалогове вікно вибору кольору, натиснувши кнопку «Dialog»що надасть можливість вибору кольору з основних кольорів.

У стандартному діалоговому вікні можна відкрити розширене діалогове вікно вибору кольору, натиснувши на кнопку "Визначити колір"і потім на спектрі, де вказівником є ​​перехрестя, вибрати потрібний колір та натиснути "ОК".

Після цього відобразиться вибраний Вами колір та його код.

Надається і можливість вибору кольору за назвою, натиснувши на список з "HTML Color".

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

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

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

Ця програма буде просто незамінна для веб-дизайнерів, або для людей, які люблять малювати в комп'ютерних програмах. Чому незамінна? Тому що підібрати потрібний відтінок дуже складно, інколи навіть неможливо. Є, звичайно ж, й інші програми, які вміють визначати колір, але перепробувавши кілька програм, я зупинив свій вибір саме на цій.

Ось мої аргументи на користь цієї програми:

1) Дуже мало важить (загалом 32 kb).

2) Не потрібна інсталяція.

3) Споживає мало системних ресурсів.

4) І найголовніше, дуже проста у використанні! Особисто для мене в програмі найголовніше, це її надійність, швидкість і простота.

Працювати з цією програмою дійсно дуже просто:

2) Є п'ять способів підбору кольору:

• Підбір кольору за допомогою рухів повзунків RGB.
• Ручне введення значень RGB.
• Вибір кольору зі списку “Color Name”.
• Вибір із вже підібраних відтінків (бічна панель відкривається кнопкою “More”).
• Кнопка “Screen”, з її допомогою можна визначити будь-який колір, що знаходиться на моніторі вашого комп'ютера.

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

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

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

Суть методу дуже проста:

1) Ви натискаєте кнопку «Screen» і підводьте курсор до того кольору, код якого ви хочете отримати.

2) Дивіться в лівий верхній кут і переконуєтеся, що ви не промахнулися повз потрібний вам колір.

3) Коли курсор знаходиться на потрібній позиції, ви натискаєте ліву кнопку миші.

4) Тепер вам залишається лише забрати отриманий код. Або копіюєте html код, або переписуєте значення RGB.

Завантажити програму для визначення кольору:

P.S.Якщо програма не захоче встановлюватись на ваш комп'ютер (що ймовірно, якщо у вас встановлена ​​ОС Vista або Seven), вам допоможе ось цей файлик.

Напевно, одна з перших утиліт подібного плану, але вона не втрачає своєї популярності серед веб-майстрів.
Програма показує HTML код вибраного кольору і, навпаки, вкаже колір за кодом.

Для визначення кольору на моніторі клацаємо по кнопці Screen, наводимо покажчик у потрібну точку, клікнемо один раз по цьому місцю. У полі HTML Code виведеться колір у HTML Code. Залишилося лише скопіювати цей код у буфер обміну та вставити у потрібне місце.
Переваги: ​​програма дуже мало важить і вкрай проста

Програма Color Picker

Перевагою цієї програми є показ кольору в RGB або HSL коді, і звичайно, в HTML.

Для визначення кольору треба клацнути по кнопці "Select Color with Mouse", курсор миші набуде форми піпетки, залишається навести курсор у потрібне місце і клацнути по ньому. Програма сумісна з версіями Windows XP та вище.
Потребує інсталяції на комп'ютер.

Програма Just Color Picker

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

• При першому запуску пропонує вибрати мову, російську присутній.
• В інтерфейсі Just Color Picker є екранна лупа.
• Дозволяє зберегти кілька кольорів.
• Знімає показ не кліком мишки, а гарячими клавішами Alt+X(за замовчуванням), що дозволяє точніше визначити колір
• Після визначення кольору програма автоматично визначить додаткові кольори, які гармоніюватимуть із вибраним і які можна буде використовувати у дизайні.
• Не потребує встановлення, працює у фоновому режимі.

Програма сумісна з версіями Windows XP та вище.

Також не можна не відзначити безкоштовну програму ColorPic 4.1. Єдиним її недоліком і те, що вона вимагає інсталяції на комп'ютер, тобто. не може працювати у фоновому режимі.

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

Таке питання напевно ні разу виникало у веб-дизайнера, розробника чи простого користувача комп'ютера. Часто виникає необхідність підібрати колір, що використовується на якомусь об'єкті, наприклад сайті або просто точки на екрані монітора.

Існують кілька основних способів представлення кольорів, наприклад, коли кожен колір або відтінок, позначається HTMLкодом та палітрою кольорів RGBу вигляді #FF7700. Це уявлення у вигляді трьох пар шістнадцяткових цифр, у яких кожна пара відповідає за свій колір:
перші дві цифри – червоний колір, тобто. - R (red)
дві в середині - зелений - G (green)
останні дві цифри - синій - B (blue)
Досить часто використовують лагідне уявлення кольору у вигляді трьох символів #F70, що буде рівносильним #FF7700.

До речі, на веб-ресурсах кольори зазвичай вказуються у стилях CSS.

Давайте перейдемо до відповіді на головне запитання Як дізнатися колір пікселя на екрані монітора чи малюнку?

Способів безліч...

Спосіб 1. Дізнаємося колір у photoshop

Отже, зробимо "знімок екрану" натисканням на клавіатурі клавіші - Print Screen (PrtSc), там, де хочемо дізнатися код нашого кольору. Під час натискання кнопки система збереже знімок у буфері обміну. Можна просто скопіювати зображення, наприклад із браузера, без PrtSc. Тепер залишається лише вставити зображення з буфера у фотошоп.

Відкриваємо фотошоп і вставляємо зображення (Файл Створити, Редагування Вставити). Шукаємо на панелі інструментів "Піпетка" (Клавіша I), далі клацаємо лівою кнопкою миші в ту область, в якій хочемо "зняти" колір. Все готово! Тепер залишається перейти в палітру та дізнатися код кольору.

Спосіб 2. Дізнаємося колір у Paint

Заходимо в Paint - вставляємо картинку - використовуємо інструмент "палітра" - переходимо в "зміна кольорів":

У разі червоний — 252, зелений — 168, синій — 10, тобто. RGB(252,168,10) або HEX форматі #FCA80A.

Спосіб 3. Переглянути код елемента у браузері

Опишу спосіб для браузера Opera. Виділяємо мишкою елемент на сайті та клацаємо по ньому правою кнопкою миші - "Переглянути код елемента" (Ctrl + Shift + C). Відкриється панель з html та css кодом, потрібно буде знайти щось подібне "color".

Спосіб 4. Використання спеціальних засобів чи програм.

Існує багато спеціальних програм для зняття кольору, мені подобається дуже проста прога під назвою "Pixie" з вагою близько 10-11 Кб. Управління дуже просте. Досить просто навести мишу в потрібну точку на екрані монітора і натиснути такі клавіші - Ctrl + Alt + C, в результаті чого колірний код скопіюється в буфер обміну.

Працюючи на комп'ютері, малюючи у Photoshop і займаючись дизайном сайтів, мені часто доводиться дізнаватися, які кольори, а точніше їх коди, мають ті чи інші об'єкти на екрані монітора. Для створення сайтів та наповнення їх контентом найчастіше я використовую html кольори, а коди RGB іноді застосовую під час роботи у Photoshop або інших редакторах зображень.

Раніше для визначення кольору об'єкта на моніторі мені доводилося робити скріншот екрану (копіювання в буфер за допомогою "Print Screen" або "Alt"+"Print Screen"). Потім потрібно було вставити картинку у Photoshop, Paint або інший редактор зображень і за допомогою звичайної піпетки дізнатися про код кольору необхідного об'єкта. На всю цю процедуру у мене витрачалося чимало часу, особливо якщо її потрібно було часто повторювати.

Але зараз все змінилося і для визначення кольору мені не потрібно нічого копіювати та створювати додаткові картинки.

Pixie - найпростіша програма, що визначає колір під пахвою!

У цій короткій статті я хотів би представити Вашій увазі дуже просту, зручну, компактну і до того ж безкоштовну програму для визначення кольору на моніторі – Pixie, яка буде корисна творцям сайтів, дизайнерам та програмістам.

Pixie- Програма, призначена для швидкого визначення кольору об'єкта, на який наведена мишка. Вона показує 4 види кодів одного і того ж кольору:

1. Код html
2. Код RGB
3. Код CMYK
4. Код HSV

Наприклад, якщо Ви наведете курсор мишки на білий об'єкт, то програма покаже такі коди кольорів:

Якщо ж Ви наведете мишку, наприклад, на синій колір, то програма покаже такі коди:

Також за допомогою комбінацій клавіш:

1. Ctrl+Alt+C- pixie копіює колір у буфер обміну в HTML форматі #XXXXXX.
2. Ctrl+Alt+X- pixie відкриває вікно з палітрою кольорів.
3. Ctrl+Alt+Z- pixie збільшує невелику область біля курсору (як під лупою), щоб користувач міг точніше визначити колір об'єкта на екрані.

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

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

Мені ця програма завжди допомагає в роботі (у визначенні кольорів), тому я сміливо можу її рекомендувати і Вам. Тим більше, повторюся, що вона повністю безкоштовна.

Також Ви можете дізнатися про всіх безпечних кольорах для сайту.