SEO послуги

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 незалежно від того, на якій платформі працюєте.

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

The Practical Benefits of the Smart Form Builder

Практична користь конструктора розумних форм

Перейти
Agile SEO. Переход от стратегии к действиям

Agile SEO. Перехід від стратегії до дій

Перейти
Key Features of Plerdy heatmap

Огляд ключових відмінностей карт кліків Plerdy

Перейти
TOP 15 Lorem Ipsum Generators

ТОП-15 Lorem Ipsum генераторів

Перейти
How to improve CTA by means of Plerdy?

Як за допомогою Plerdy вдосконалювати заклики до дії (CTA)?

Перейти
Категорії блогу
Статті з блогу