TOP-40 Color Pickers та інших інструментів для підбору кольору

02 May, 2018

Нас постійно оточують тисячі кольорів та десятки тисяч відтінків. У багатьох людей часто виникають задачі пов’язані з підбором правильного відтінку. Це дизайнери, контент-менеджери, програмісти та багато інших. Для полегшення їхньої роботи були створені різноманітні інструменти по роботі з кольором. Частина з цих сервісів допомагають обирати необхідний відтінок палітри, інші дозволяють дізнатись код необхідного кольору.

Ця стаття присвячена переліку 40 зручних сервісів для роботи з кольором під різні платформи та для різних потреб. Не будемо затягувати вступ та переходьмо до справи.

Зміст

WEB-орієнтовані Color Picker
1. Cohesive Colors
2. Сolourco
3. Colorblender
4. Colorsontheweb
5. Webcolourdata
6. Paletton
7. Adobe Color CC
8. Colourlovers
9. Copaso
10. Colorexplorer
11. Colrd
12. Colorhexa
13. Gradients
14. Htmlcolorcodes
15. Color picker
16. Chrome Dev Tools
17. Eye Dropper
18. ColorPick Eyedropper
Десктопні color picker
19. Instant Eyedropper
20. Just Color Picker
21. Colormania
22. ColorPic
23. Pixie
24. GPick
25. Pick
26. Gcolor2
27. ColorSnapper 2
Мобільні color picker
28. iDropper: the color sampling tool
29. Pixel Picker – Image Color Picker
30. ColorAssist Lite
31. Color Mate – Convert and Analyze Colors
32. Pixolor – Live Color Picker
33. Color Grab
34. RAL простий каталог кольорів
35. Color Lab
JS color picker
36. Tiny Colorpicker
37. Spectrum
38. Pick-a-Color
39. Eyecon Colorpicker
40. Farbtastic
Висновок

WEB-орієнтовані Color Picker


Основною перевагою цього типу колор пікерів є те, що вони можуть працювати на будь якому пристрої незалежно від його типу чи операційної системи. Також це дуже зручно для тих, хто часто перебуває поза межами дому чи робочого місця. Завдяки web-базованості, вам не потрібно кожного разу знову встановлювати чи налаштовувати систему. Достатньо просто перейти на сайт. Найбільшими недоліками, відповідно, є обов’язкова наявність інтернету та можливість витягування кольорів лише з браузера.

1. Cohesive Colors


Cohesive Colors
Простий інструмент для підбору кольору та поєднання різних відтінків. Спочатку потрібно вибрати кольорову палітру, а потім обрати один із запропонованих відтінків. Також можна отримати позначення кольору в різних форматах.

2. Сolourco


Сolourco
Цікавий та дуже незвичайний color picker, який представлений у вигляді web-сторінки. Вона змінює свій колір в залежності від позиції курсору. Також на сайті представлені різні палітри та кольорові схеми, які працюють за схожим принципом. Коли користувач знаходить колір, який йому сподобався, для подальшої роботи достатньо натиснути на код кольору. Після чого ми зможемо змінити відтінок, а також побачити його запис у різних форматах

3. Colorblender


Colorblender
Ще один колор пікер, за допомогою якого можна швидко та зручно підбирати поєднання різних відтінків. Коли користувач редагує якийсь певний колір всі інші змінюються автоматично. Також під кожним окремим відтінком показується його назва в різних колірних моделях.

4. Colorsontheweb


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

5. Webcolourdata



Оригінальний сервіс який дозволяє отримати всі кольори з цікавого вам web-сайту. Для прикладу, на головній сторінці вказані результати аналізу різних відомих ресурсів: Facebook, Instagram, Microsoft. Для того щоб отримати аналіз того сайту який нас цікавить, потрібно вставити його URL у відповідне поле та після обробки переглянути результат. Окрім переліку кольорів та їх відсоткового співвідношення, користувач побачить спеціалізовані діаграми.

6. Paletton


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

7. Adobe Color CC


Adobe Color CC
Цей color picker розроблений компанією Adobe і містить в собі всі необхідні інструменти для підбору кольору. В ньому є декілька варіантів вбудованої колірної гами, а також можливість порівняння відтінків. Крім цього, також є можливість зберігати кольорові теми інших користувачів та застосовувати їхні напрацюваннями.

8. Colourlovers


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

9. Copaso


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

10. Colorexplorer


Colorexplorer
За допомогою цього color picker можна створити та зберегти власну колірну палітру, вибрати колір з вже наявних чи скористатись функціоналом для підбору кольору.

11. Colrd


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

12. Colorhexa


Colorhexa
Colorhexa – це color picker, який має широкий функціонал. Використовуючи його, легко найти всю необхідну інформацію про будь-який відтінок. Також, додатково, колір показано так, як його бачать люди з різними розладами зору.

13. Gradients


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

14. Htmlcolorcodes


Htmlcolorcodes
Цей Color picker дозволяє підбирати кольори та відтінки. Також завдяки зручному інтерфейсу, ви зможете легко дізнатись назву кольору в різних системах запису, а також побачити схожі до нього відтінки.

15. Color picker


Color picker
Цей пункт нашого ТОПу, мабуть, найбільш унікальний. Для того, щоб отримати простенький колор пікер, потрібно всього лише ввести в гугл ключовий запит ”color picker”, після цього вам відкриється ця палітра.

16. Chrome Dev Tools


Chrome Dev Tools
Chrome Dev Tools – це інструменти розробника для браузера Google Chrome. Проте, і в ньому можна знайти засіб по підбору кольорів. Спочатку потрібно викликати інструменти розробника. Для цього натисніть комбінацію клавіш Ctrl + Shift + T або клікніть правою кнопкою миші по веб-сайту і в контекстному меню оберіть пункт “Переглянути код”. Для прикладу Оберіть елемент який вас цікавить. У вікні style ви зможете побачити колір цього елементу

17. Eye Dropper


Eye Dropper
Цей Color Picker є нічим іншим як розширенням для браузера Google Chrome. З його допомогою легко підібрати колір з палітри або за допомогою “піпетки” дізнатися колір будь якого елементу веб-сторінки.

18. ColorPick Eyedropper


ColorPick Eyedropper
Ще одне розширення для браузера, яке може підібрати колір будь якого елементу на веб-сторінці. Для цього достатньо лише встановити додаток та навести на потрібну точку, щоб дізнатись її колір.

Десктопні color picker


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

19. Instant Eyedropper


Instant Eyedropper
Instant Eyedropper – це перший у нашому списку color picker, розроблений для настільних комп’ютерів під OS Windows. З його допомогою можна швидко видобути будь-який колір, переглянути його в різних форматах запису та скопіювати його код.

20. Just Color Picker


Just Color Picker
Програма Just Color Picker є портативною, тобто не потребує встановлення і готова до використання одразу після завантаження. З її допомогою можна легко отримати будь-який колір з вікон ПК та побачити його код в 12 варіантах запису. Додатково можна розкласти вибраний колір за допомогою колірних кіл, а швидкі клавіші значно пришвидшують роботу.

21. Colormania


Colormania
Colormania – одна з найвідоміших програм для роботи з кольором для настільних комп’ютерів. Свою популярність вона заслужила завдяки зручному інтерфейсу, можливості підбору та порівняння відтінків та великій кількості колірних моделей. Додатковою функцією є Zoom піпетки. З його допомогою можна збільшити необхідний фрагмент для максимально точного виділення кольору.

22. ColorPic


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

23. Pixie


Pixie
Цей колор пікер є чудовим представником мінімалізму. Його функціями є показ кольору відповідно до позиції курсору та подача його в різних формах запису.

24. GPick


GPick
Перший, у нашому списку, color picker під операційну систему Linux. Володіє всім необхідним функціоналом для підбору відтінків та видобування кольорів. Завдяки зручному графічному інтерфейсу, він має попит.

25. Pick


Pick
Цей color picker славиться своїм мінімалізмом. За допомогою Pick можна витягувати кольори з позиції курсору та порівнювати їх. А також запам’ятовувати зображення з якого отримуємо відтінок.

26. Gcolor2


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

27. ColorSnapper 2


ColorSnapper 2
ColorSnapper 2 це єдина програма в нашому списку під OS X. Має зручний інтерфейс та набір “гарячих” клавіш для максимально швидкої роботи. Також з її допомогою легко можна підібрати колір завдяки багатофункціональній піпетці.

Мобільні color picker


В цьому розділі йтиме мова про мобільні колор пікери. Найбільш популярними зараз є дві операційні системи: iOS та Android. Оскільки web-базовані сервіси не завжди коректно працюють на мобільних пристроях, були розроблені відповідні додатки.

28. iDropper: the color sampling tool


iDropper: the color sampling tool
Цей color picker розроблений спеціально під мобільну операційну систему iOS. В додаток вбудована функція “піпетки”, а також кольорової палітри, яка дозволяє підібрати необхідний колір та відтінок.

29. Pixel Picker – Image Color Picker


Pixel Picker - Image Color Picker
Цей додаток може допомогти з підбором кольору з будь-якого екрану iPhone або iPad. Завдяки зручній піпетці, це можна зробити максимально просто та швидко.

30. ColorAssist Lite


ColorAssist Lite
Ще один додаток для iOS, завдяки якому можна отримати код кольору з будь-якого “екрану” вашого девайсу. Високо цінується користувачами завдяки зручному функціоналу, великій кількості колірних моделей та масштабуванню піпетки.

31. Color Mate – Convert and Analyze Colors


Color Mate - Convert and Analyze Colors
За допомогою Color Mate можна як “витягнути” колір за допомогою піпетки, так і надалі модифікувати його під той відтінок, який потрібний користувачу. Також можна порівнювати та шукати кольори по палітрах.

32. Pixolor – Live Color Picker


Pixolor - Live Color Picker
Простенький color picker, за допомогою якого можна отримати колір з будь-якого “екрану” вашого девайсу. Має мінімалістичний інтерфейс та зручну піпетку.

33. Color Grab


Color Grab
Оригінальний учасник нашого ТОПу, суть якого полягає в підбору кольору за допомогою камери або палітри. В першому режимі захоплюється зображення з камери, що дозволяє в реальному часі дізнаватись колір предметів, що нас оточують.

34. RAL простий каталог кольорів


RAL простий каталог кольорів
Зручний та простий у використанні каталог кольорів під Android. Завдяки додатку можна легко обрати потрібний відтінок з великого переліку варіантів та дізнатись різні формати його запису.

35. Color Lab


Color Lab
Color Lab це додаток для Android який має в собі піпетку, палітри та інші інструменти для підбору кольору. Додатковими перевагами продукту є можливість зберігати кольори та широкий функціонал.

JS color picker


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

36. Tiny Colorpicker


Tiny Colorpicker
Цей color picker є нічим іншим як JQuery бібліотекою, яку можна просто вмонтувати на свій сайт. З її допомогою можна як підібрати колір, так і вибрати варіант з уже готової палітри.

37. Spectrum


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

38. Pick-a-Color


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

39. Eyecon Colorpicker


Eyecon Colorpicker
Цей JQuery плагін допомагає в підборі кольорів та порівнянні відтінків. Color Picker подібний до інструменту в Photoshop. Основною перевагою є легкість в інтеграції на власний веб-сайт.

40. Farbtastic


Farbtastic
Останній в нашому списку JQuery плагін для підбору кольору. Працює у вигляді кольорового кола, яке поділене на сектори по відтінках. Після того як обрано потрібний сектор, код кольору показується внизу сторінки.

Висновок


На цьому і завершується наш список ТОП – 40 інструментів для роботи з кольором. Сподіваємось він був корисним як для простих користувачів, так і для дизайнерів та інших людей, чия робота безпосередньо зв’язана з кольорами. Тепер ви з легкістю зможете обрати необхідний color picker незалежно від того, на якій платформі працюєте.

Щиро вдячні Вам за прочитання цієї статті. Залишайтеся з нами, попереду ще багато цікавого!