Eye Dropper. Як визначити колір онлайн?


Написав admin. Опубліковано в рубриці CMS

eye dropper logoВітаю, шановні читачі блогу MyFirstComp.ru. Не сумніваюся, що кожен з вас знає, що кожен колір має своє шістнадцяткове значення. Наприклад, білий колір - це #FFFFFF, чорний - #000000, блакитний - #00BFFF. Такі позначення широко використовуються веб-майстрами при створенні сайтів. Існує величезна кількість відтінків кольорів, і, відповідно, стільки ж комбінацій символів. Причому на око не завжди вдається відрізнити один колір від іншого.

Особисто у мене, пошук позначення кольору забирав багато часу і сил. Приміром, запримітивши цікавий колір на просторах інтернету, я хотів відтворити його у себе на сайті. Мені доводилося відкривати Photoshop або інший графічний редактор, шукати схожий колір і дивитися там його позначення. Погодьтеся, досить клопітно і довго. Звичайно, в фотошопі є такий інструмент як «палітра», але все одно він повністю не вирішував проблему. Тому я вирішив шукати інший вихід з даної ситуації.


І я знайшов його : ). Це розширення для Google Chrome, який називається Eye Dropper. Воно дозволяє визначити колір онлайн, тобто безпосередньо в браузері, не використовуючи ніяких сторонніх програм. Про те, як встановлювати розширення я писав тут. Коротко розповім про те, як воно працює, тому що робити докладний опис не має сенсу, так як там немає нічого складного.

1. Запускаємо розширення Eye Dropper.

2. Натискаємо кнопку Pick color from web page. після чого наводимо курсор на нас цікавить колір на будь-якому сайті або веб-сторінки.

Pick color

3. Праворуч з'явиться інформація про обраному кольорі. Буде показано його назва, шістнадцяткове значення,а також RGB, HSL.

Плюс до цього, на вкладці Color Picker є палітра, де можна трохи погратися з квітами.

Color picker