ihor@dev:~$ cat extension-overview.md
Про це розширення
Native Color Picker - Eyedropper & Palette — піпетка кольорів для дизайнерів, розробників і всіх, хто працює з кольорами екрана. Виберіть видимий піксель нативною піпеткою браузера, а потім редагуйте, копіюйте й повторно використовуйте його колір в одному локальному просторі.
✨ МОЖЛИВОСТІ
- Вибирайте піксель екрана й автоматично копіюйте його колір у бажаному форматі HEX, RGB або HSL.
- Вводьте наявний код кольору вручну чи змінюйте формат без іншого інструмента.
- Зберігайте десять останніх кольорів і закріплюйте до шести кольорів у палітрі для повторного використання.
- Експортуйте закріплену палітру як JSON або користувацькі властивості CSS. Імпортуйте сумісну палітру JSON, щоб додати кольори у вільні місця.
- Порівнюйте колір тексту й тла за допомогою перевірки контрасту двох кольорів. Переглядайте співвідношення, результати WCAG AA і AAA для звичайного тексту та AA для великого.
- Вибирайте світлу, темну або системну тему.
- Відкривайте вікно гарячою клавішею та запускайте вибір кольору клавішею Enter або Space.
🚀 ЯК КОРИСТУВАТИСЯ
- Закріпіть Native Color Picker на панелі інструментів і відкрийте його. Короткий посібник першого запуску пояснює керування й активну гарячу клавішу.
- Натисніть Pick Color, а потім видимий піксель. Escape скасовує нативний вибір без збереження нового кольору.
- Скопіюйте потрібний формат, відредагуйте значення або закріпіть колір. Відкрийте інструменти палітри для імпорту чи експорту збережених кольорів або порівняйте контраст двох кольорів.
🎯 ДЛЯ КОГО Для дизайнерів, які збирають кілька кольорів бренду з видимого макета. Для фронтенд-розробників, які переносять значення HEX, RGB і HSL у CSS. Для тих, хто перевіряє достатність контрасту вибраної пари кольорів тексту й тла.
🔒 КОНФІДЕНЦІЙНІСТЬ Кольори, історія, закріплені палітри, налаштування й лічильники використання залишаються в локальному сховищі розширення цього профілю Chrome. Файли палітр читаються або завантажуються на вашому пристрої. Піпетка не надсилає їх на сервер, не збирає історію переглядів і не використовує аналітику. Обліковий запис не потрібен. Посилання на відгуки в магазині й рекомендації відкриваються лише за вашим вибором.
❓ ПОШИРЕНІ ЗАПИТАННЯ Чи сканує розширення сайт або створює палітри із зображень? Ні. Вибирайте окремі видимі пікселі нативною піпеткою або вводьте непрозорі значення кольорів вручну. Воно не аналізує стилі сторінки й не створює палітру із зображення автоматично.
Чи є результат перевірки контрасту повним аудитом доступності? Ні. Він розраховує контраст двох вибраних кольорів. Реальне тло сторінки, розмір шрифту, зображення та інші вимоги доступності не перевіряються.
Вибір кольору екрана потребує підтримки EyeDropper API браузером. Розширення розраховане на Chrome 114 або новіший. Запропоновані гарячі клавіші можуть бути не призначені через конфлікт з іншою командою; короткий посібник містить посилання на їхні налаштування.
Усі інструменти безкоштовні. Підтримка: balubenko.ink@gmail.com.
Знімки екрана





Промоматеріали


