Расширение-пипетка для 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.