Розширення-піпетка для Chrome, Edge і Firefox
Візьміть колір із будь-якої точки сторінки або вставте будь-який код кольору й скопіюйте його як HEX, RGB, HSL чи OKLCH в один клік. Зберіть палітру цілого сайту й вивантажте її в CSS, Tailwind або дизайн-токени.
Безкоштовно, без акаунта, працює офлайн.
Що вміє
- Піпетка
- Бере колір будь-якого пікселя на сторінці й одразу копіює значення у вашому форматі.
- Розуміє будь-який колір
- Вставте HEX, rgb(), hsl(), oklch(), клас Tailwind на кшталт sky-500, код Swift чи Flutter або назву на кшталт «темно-синій».
- Віддає всі формати
- HEX, RGB, HSL і OKLCH поруч, кожен копіюється одним кліком. Вибраний формат стає основним.
- Палітра сайту
- Збирає кольори й CSS-змінні відкритої сторінки, склеює майже однакові й ставить найчастіші першими.
- Експорт
- Копіює палітру сторінки як CSS-змінні, блок Tailwind @theme, SCSS, JSON, дизайн-токени або SVG.
- Історія
- Останні кольори чекають у вікні розширення. Вони зберігаються лише в цьому браузері.
Дозволи
Розширення просить чотири дозволи й ніколи не просить доступ до всіх сайтів. У кожного одне завдання.
activeTab- Доступ до відкритої вкладки й лише після кліку по значку розширення або гарячої клавіші.
scripting- Запускає невеликий скрипт, який читає кольори цієї сторінки, коли ви просите палітру або берете колір.
storage- Зберігає останні кольори й вибраний формат у цьому браузері.
clipboardWrite- Копіює колір або код, який ви попросили.
Чого розширення ніколи не просить
Доступ до всіх сайтів · Історію відвідувань і список вкладок · Аналітику, рекламу й стеження · Код, завантажений з інтернету
Гаряча клавіша
Натисніть Alt+Shift+P на будь-якій сторінці, щоб узяти колір, не відкриваючи вікно розширення. Поєднання можна змінити в налаштуваннях розширень браузера.
Запитання та відповіді
Розширення PickShade безкоштовне?
Так. Піпетка, усі формати, палітра сторінки, експорт та історія безкоштовні, без акаунта й без реклами.
Чому деякі сторінки не читаються?
Браузери не дають жодному розширенню читати свої сторінки: налаштування, нову вкладку, магазини розширень. На них вікно розширення й далі перетворює вставлені кольори, а в Chrome і Edge працює й піпетка.
Розширення кудись надсилає мої кольори?
Ні. Колір рахується всередині розширення тією самою математикою CSS Color 4, що й на pickshade.com. На сервер нічого не йде, історія залишається в браузері.
Як працює піпетка у Firefox?
У Firefox немає вбудованої піпетки для розширень, тому PickShade робить знімок видимої частини сторінки й показує лупу. Клікніть по пікселю або підведіть лупу стрілками й натисніть Enter.