19 расширений Chrome для дизайнеров

• 
  Дизайн
• 8 мин на чтение
• 
  16620

Google Chrome, без сомнения, самый популярный браузер в мире. С точки зрения доли пользователей, Google Chrome значительно опережает другие основные браузеры, такие как Mozilla Firefox, Safari, Opera, Microsoft Edge и т. д. Всего за 10 лет Google Chrome удалось завоевать более 65% доли рынка. Одним из ключевых факторов его стремительного роста является огромная библиотека расширений, которая действительно отличает его от остальных, особенно для веб-дизайнеров и разработчиков. Тем не менее, в столь обширной библиотеке расширений становится немного хлопотно выбрать расширения для своих повседневных нужд.

В этой статье выделены 19 лучших расширений Chrome для веб-разработчиков и дизайнеров, чтобы повысить их производительность и сделать их жизнь проще.

ColorZilla является одним из старейших расширений подбора цвета, запущенных более 8 лет назад, и он успешно сохранил свою роль как лучший выбор цвета и расширение пипетки Chrome для разработчиков или дизайнеров даже сегодня. ColorZilla позволит вам получить цвет с любого пикселя в браузере на лету и вставить его в любую другую программу в формате RGB HEX. Как и палитра сайта, ColorZilla также позволяет создавать градиентные цвета и извлекать цветовые палитры с любого веб-сайта. Расширение также поддерживает историю недавно выбранных цветов.

В следующий раз, когда вы столкнетесь с веб-сайтом с красивой и приятной цветовой комбинацией, этот гениальный плагин может помочь вам быстро извлечь и сгенерировать цветовую палитру. Он также позволяет загружать изображения палитры для предварительного просмотра и создавать общедоступные ссылки. Палитра сайта вооружена бесшовной интеграцией с coolers.co и Google Art Pallete.

Font Face Ninja позволяет легко идентифицировать все шрифты, используемые на веб-странице. Font Face Ninja может похвастаться более чем 280 тысячами загрузок и является прямым конкурентом другого популярного расширения под названием WhatFont. Чтобы использовать это расширение Chrome для разработчиков и дизайнеров, вам просто нужно навести курсор на любой текстовый элемент на веб-странице, который вам нужно идентифицировать. Всплывающее окно будет отображать имя шрифта вместе с небольшим окном предварительного просмотра. Вы можете пометить свои любимые шрифты и сохранить их для последующего использования.

Веб-дизайнеры и разработчики могут столкнуться с необходимостью создания моментальных снимков для своих кодов в своих проектах для эстетики или представления целей. Marmoset-это блестящее расширение Chrome, которое позволяет создавать красивые снимки кода за считанные секунды одним щелчком мыши. Это может пригодиться для сообщений в социальных сетях или портфолио веб-сайтов. Это одно из обязательных расширений Chrome для веб-разработчиков и дизайнеров.

LambdaTest придумал расширение Chrome, чтобы помочь пользователю выполнять автоматическое тестирование скриншотов.  Вы можете выполнить тестирование скриншотов на 25 устройствах за один раз. Если вы нашли какую-либо аномалию пользовательского интерфейса, вы можете поделиться ею со своими коллегами в своем предпочтительном инструменте управления проектами. Предоставляя вам возможность выполнять кросс-браузерное тестирование в один миг, Lambdatest Screenshot, безусловно, является одним из лучших расширений Chrome для разработчиков, дизайнеров и, очевидно, тестировщиков по всему миру.

Page Ruler является одним из самых важных и полезных расширений Chrome для разработчиков и дизайнеров в списке, который помогает веб-разработчикам быстро измерять пиксельные размеры и позиционирование любого элемента на странице. Это расширение рисует изображение линейки на экране, которое позволяет вам проверять отдельные элементы и просматривать их показания размеров – ширина высота вместе с позиционированием.

Другое ключевое расширение в этой категории называется Dimensions, которое помогает измерять расстояния между различными элементами на веб-странице. Его функционирование немного отличается от линейки страниц. Размеры измеряет расстояния от указателя мыши вверх/вниз и влево/вправо, пока не достигнет границы. Это делает его идеальным инструментом для измерения расстояний между изображениями, полями ввода, кнопками, видео, GIF, текстом, иконками. Еще одна особенность, которая устанавливает размеры друг от друга является его способность работать с макетами, а также, если ваш дизайнер передал вам макеты дизайна страниц в форматах Jpeg или PNG, поместите их в Chrome, и размеры будут работать без сучка и задоринки. Одна вещь, которую нужно отметить о размерах, заключается в том, что она не всегда может хорошо работать с изображениями.

Check My Links, возможно, является самым мощным и надежным broken link checker расширением Chrome для разработчиков и дизайнеров в библиотеке Chrome.  Он просматривает всю веб-страницу и проверяет каждую отдельную ссылку и сообщает, является ли она действительной или нет. Расширение дает вам возможность скопировать каждую сломанную ссылку в буфер обмена, только в один клик. Идентификация и исправление неработающих ссылок имеет решающее значение для любого веб-сайта для эффективного SEO на странице и избежания штрафов от искателей сайтов Google.

Clear Cache extension помогает очистить ваш кэш вместе с данными просмотра одним щелчком мыши, не тратя время на всплывающие окна, диалоговые окна или окно настроек Chrome. Кроме того, вы даже можете настроить, сколько данных вы хотите очистить в настройках опции расширения – App Cache, Cache, Cookies, загрузки, файловые системы, данные формы, история, индексированная БД, локальное хранилище, данные плагина, пароли и WebSQL. Вы можете удалить файлы cookie глобально или для определенных доменов. Один из самых удобных расширений Chrome для разработчиков, дизайнеров и всех остальных тоже.

Одним из самых больших препятствий, с которыми сталкиваются разработчики, сталкиваясь с впечатляющим лицом веб – сайта, является интригующий вопрос-Какие технологии были использованы для создания этого веб-сайта? В этом случае Wappalyzer приходит на помощь. Это удивительное расширение является кросс-платформенным инструментом, созданным Elbert Alias в 2009 году, который раскрывает технологии, используемых для создания конкретного веб-сайта. Он автоматически обнаруживает более 1000 технологий, таких как генераторы сайтов, фреймворки, библиотеки, Плагины, CMS, базы данных, серверное программное обеспечение, виджеты, инструменты аналитики и т. д. Вы можете использовать веб-сайт Wappalyzer или использовать расширение для быстрого использования. Это расширение Chrome для разработчиков и дизайнеров стали настоящим спасательным кругом для создания привлекательных веб-сайтов.

Ghostery-это расширение конфиденциальности со встроенным блокировщиком рекламы для устранения раздражающих рекламных объявлений с веб-сайта, защиты от отслеживания, защиты ваших данных и блокировки стороннего веб-сайта от отслеживания вместе с ускорителем скорости страницы и оптимизатором, чтобы сделать ваш опыт просмотра лаконичным и приятным. Он также поставляется с пользовательской панелью мониторинга внутри, которую можно настроить для просмотра соответствующей информации.

Если вы активно работаете с API, особенно RestFul API или что-то, что включает в себя тонну данных JSON, этот визуально потрясающий JSON highlighter служит отличной целью в качестве расширения Chrome для разработчиков. Вместо просмотра огромных данных файла JSON в неуклюжем нечитаемом формате в вашем браузере, JSON viewer помогает организовать данные JSON в визуально привлекательном формате дерева, который можно просматривать непосредственно в окне браузера.

Это расширение является спасителем для адаптивного кодирования дизайна. Хотя большинство разработчиков удовлетворены функцией изменения размера инструментов Chrome по умолчанию, это расширение Chrome для разработчиков и дизайнеров может имитировать любой размер экрана и разрешение всех популярных устройств, таких как iPhones, iPad и т. д. Это очень полезно для разработчиков, чтобы проверить свои макеты на разных устройствах размера экрана и проверить, работает ли их адаптивное кодирование запросов мультимедиа по назначению или нет.

Еще один из самых полезных расширений Chrome для разработчиков и дизайнеров. Вместо использования обычных стандартных генераторов lorem ipsum для создания текста-заполнителя в ваших веб-макетах, почему бы не попробовать использовать этот интеллектуальный инструмент, который генерирует интеллектуальный текст, а не содержимое тарабарщины. Корпоративное расширение Ipsum-это особый вид генератора lorem ipsum, который создает макет текста бизнес-контента. Это сделает ваши макеты более визуально привлекательными и презентабельными для клиентов.

Google Chrome печально известен во всем мире своим огромным аппетитом к использованию оперативной памяти, а разработчики с более медленными системами постоянно сталкиваются с зависаниями экрана и сбоями при работе с несколькими вкладками. Вот почему эффективное управление вкладками является незаменимым, особенно когда вы теряете след вкладок, которые вы открыли в поисках вдохновения для дизайна или хэширования решения на StackOverflow. Идеальный инструмент для этой гигантской проблемы-это Sessions Buddy! Sessions Buddy является самым мощным расширением Chrome для разработчиков и дизайнеров, чтобы помочь им с управлением вкладками браузера. Он также предлагает менеджер закладок с простым и красивым интерфейсом. Это поможет вам сохранить сеансы и восстановить их позже, когда вы откроете их на лету. Поэтому, избегая беспорядка и сохраняя память свободной. Он позволяет управлять всеми вкладками на одной странице, организовывать их по темам, а также предлагает быстрый поиск для поиска конкретной вкладки. Кроме того, вам не нужно беспокоиться о потере сеанса, если вы случайно закроете окно браузера или ваша система потерпит крах.

Вместо того, чтобы тратить время на поиск свойств CSS элемента в окне инспектора или исходного кода, расширение CSS Viewer извлекает все ценные свойства CSS и показывает их организованным образом внутри плавающего окна. Просто наведите указатель мыши на любой элемент на веб – странице, которую вы хотите проверить, и плавающее окно CSS viewer отобразит все ключевые свойства CSS.

EditThisCookie является самым популярным расширением-менеджером cookie в библиотеке Chrome с более чем 2,7 миллиона пользователей, что делает его бесспорным королем, когда дело доходит до куки. Этот инструмент позволяет добавлять, удалять, искать, редактировать, блокировать и защищать (только для чтения) файлы cookie. Кроме того, вы также можете импортировать файлы cookie в JSON или cookies.форматы txt. Это расширение Chrome является одним из самых полезных расширений Chrome для разработчиков и дизайнеров.

Checkbot-это удостоенное наград расширение позволяет вам одновременно проверять более 250 URL-адресов на сайте, чтобы проверить SEO/скорость веб-сайта/проблемы безопасности, такие как сломанные ссылки, перенаправления, недопустимый HTML/CSS/JS, небезопасная форма пароля, минимизировать файлы, дублировать контент и т. д. Checkbot запускает тесты на основе 50 + лучших методов SEO и безопасности, основанных на рекомендациях от Google, Mozilla и W3C. использование расширения Checkbot поможет вам создать идеально оптимизированные и безопасные веб-сайты, которые убьют рейтинги Google SERP. SERP рейтинг имеет решающее значение для каждого бизнеса в интернете, как разработчик, вы стремитесь обеспечить красивый сайт, но что хорошего было бы, если бы он не имел надлежащего внимания, которого он заслуживает?

Незаменимое расширение для Chrome для разработчиков и дизайнеров, это расширение добавляет панель инструментов с полным набором веб-разработки в браузере. Инструменты, предлагаемые этим расширением, разделены на 10 отдельных вкладок – Disable, Cookies, CSS, Forms, Images, Information, Miscellaneous, Outline, Resize и Tools.

Эти инструменты включают в себя отключение javascript / плагинов / всплывающих окон / уведомлений, менеджер файлов cookie, средство просмотра и редактирования свойств CSS, манипуляции с формами и изображениями, изменение размера окна, управление кешем, линейку страниц, инспектор свойств и т. д.

Источник: LambdaTest

• #Chrome
• #бесплатно
• #веб разработка
• #инструменты
• #ко
• #расширения

• 
  
• 
  1
• 
  

12 полезных расширений Chrome для дизайнеров

Аудио перевод статьи

В этом списке представлены 12 расширений Chrome, которые я собрал за последние десять лет, начиная с 2011 года. Хотя некоторые из них могут быть устаревшими, многие из них я использую почти каждый день. Наверное, я продолжу с ними работать еще как минимум лет десять.

1. ColorZilla

ColorZilla показывает цвет под курсором мыши

ColorZilla — это, пожалуй, одно из самых первых расширений Chrome, которое я взял на вооружение. После занятий графическим дизайном в колледже я продолжал пользоваться им на постоянной основе.

Наиболее часто используемая функция этого расширения — пипетка и история ранее выбранных цветов. Другие функции я использую редко.

2. WhatFont

На странице «О компании» сайта Medium используется шрифт GT Super Text Book, согласно расширению WhatFont.

Как только WhatFont был выпущен в 2011 году, он быстро стал расширением де-факто среди дизайнеров — по крайней мере, если речь идет о дизайнерах Нью-Йорка. В свое время мне казалось, что любой уважающий себя дизайнер просто обязан иметь это расширение в своем арсенале. Я до сих пор использую его почти каждый день.

3. Dimensions

Строка поиска google.com находится на 376 пикселей ниже от верха, согласно расширению Dimensions.

Dimensions предоставляет быстрый и точный способ измерения расстояния между двумя элементами DOM (от англ. Document Object Model — «объектная модель документа»). Это как ходить по дому с линейкой, измеряя каждый угол для новой мебели. Это настолько полезно, что вскоре и вы пристраститесь к нему.

4. SVG Gobbler

SVG иконки, которые обнаружило расширение SVG Gobbler на главной странице Medium

Хотите скопировать и изменить значок закладки Medium? Просто зайдите на домашнюю страницу Medium и нажмите на расширение SVG Gobbler. Вы увидите кнопку загрузки, и вы сразу поймете, что надо делать. Я качаю иконки со своего собственного сайта, потому что это проще, чем искать на жестком диске. Имейте в виду, что это работает только для SVG-изображений.

5. CSS Peeper

CSS Peeper отображает цветовую палитру с сайта FedEx

CSS Peeper обнаруживает и отображает цвета, которые используются в CSS-файлах сайта. Это очень удобно, если вы просто хотите узнать всю цветовую палитру конкретного сайта. Кроме того, он предоставляет возможность загрузки изображений, используемых на текущей странице.

6. View Image Info

Щелкните правой кнопкой мыши на изображении, чтобы «Просмотреть информацию об изображении» (иллюстрация Fakurian Design via Unsplash)

‍View Image Info — это очень простое расширение для отображения основной информации о файле изображения — путь к файлу, габариты, тип и размер файла. Хотя его последнее обновление было около четырех лет назад, оно все еще отлично работает благодаря своей простоте.

View Image Info отображает основную информацию об изображении

7. Window Resizer

Window Resizer предоставляет различные возможности для тестирования адаптивного дизайна.

Если вы интенсивно тестируете свой сайт на различных размерах области просмотра, Window Resizer может помочь вам в этом. Он предоставляет множество предустановленных опций, но вы также можете создавать и сохранять пользовательские настройки.

8. VisBug

‍VisBug — это мощный инструмент для отладки и редактирования веб-страниц. Вы можете редактировать живые веб-страницы, как если бы вы редактировали их в дизайнерском приложении, таком как Figma или SketchApp. Вы можете изменять любой текст на странице, менять местами изображения, перемещать любые элементы в любое положение, получать информацию о CSS и так далее.

Поскольку VisBug предоставляет полный пакет инструментов для редактирования внешнего интерфейса, лучший способ познакомиться с ним — попробовать его на практике самостоятельно. Я уверен, что он понравится вам так же, как и мне.

9. Живой редактор для CSS, Less и Sass — Magic CSS

Страница Википедии с цветом фона “психоделический голубой”

Если вы серьезно относитесь к редактированию CSS в режиме реального времени, рассмотрите возможность использования Live-редактора для CSS, Less & Sass — Magic CSS. Он предоставляет всплывающую консоль для записи кода CSS. Единственное, что мне не нравится в этом расширении — это название. Оно слишком длинное.

10. Расширение SEO Pro

Быстрый и удобный просмотр SEO-данных с помощью расширения SEO Pro Extension

Если вы дизайнер продуктов или UX-дизайнер, иногда вам необходимо проверить SEO-данные страницы, которую вы разрабатываете. SEO Pro Extension — это один из самых удобных инструментов, который поможет вам в ваших SEO-исследованиях. Когда я исследую другие сайты, одним из первых моих действий является изучение их SEO-данных.

11. Lighthouse

Lighthouse, представленный Google, — это удобный и мощный инструмент для проверки производительности сайта, оценки доступности и SEO-показателей в одном месте. Это отличный инструмент для всех UX-дизайнеров, которые хотят улучшить показатели своего сайта. Это еще один инструмент, который я всегда использую для исследований или конкурентного анализа. Подробную информацию можно найти на странице разработчиков Google.

12. Momentum

Momentum превращает новую вкладку в красивую приборную панель со списком дел. Как только вы начинаете использовать его в качестве новой вкладки, очень трудно перейти на что-то другое.

13. Earth View от Google Earth (Бонус #1)

И теперь я не могу перестать обновлять новые вкладки

Если вы любите планету Земля, а также красивые абстрактные изображения, я бы очень рекомендовал вам программу Earth View от Google Earth. Изображения настолько потрясающие, неожиданные и красивые, что вы будете настолько зачарованы, что не сможете оторвать от них свой взгляд.

14. Muzli 2 — Stay Inspired (Бонус #2)

Вдохновляйтесь новыми вкладками

Если вам нужно что-то более вдохновляющее и информативное, а не просто красивое, Muzli 2 — Stay Inspired — это то, что вам нужно. Он превращает новые вкладки во вдохновляющую творческую ленту со всего Интернета. Я начал пользоваться им всего несколько дней назад, и пока что совсем об этом не пожалел.

Всякий раз, когда я читал подобные статьи, я понимал, что ни одна из них не похожа на мою. Поэтому я подумал, что могу написать свой собственный вариант не только для удовольствия, но и для ведения учета своих расширений.

Некоторые из них могут иметь лучшие альтернативы. Пожалуйста, не стесняйтесь предлагать любые расширения, которые, по вашему мнению, стоит попробовать. Мне действительно интересно, какими расширениями пользуются мои коллеги-дизайнеры каждый день.

Как использовать расширение Chrome Eye Dropper для получения любого шестнадцатеричного значения

Автор
Шарлин Хан

Опубликовано 28 июня 2022 г.

Если вы хотите найти различные шестнадцатеричные значения цвета, у Eye Dropper есть расширение для Google Chrome, которое вам поможет.

При посещении веб-сайта вы могли столкнуться с определенными цветами, которые вам действительно нравятся. Однако вам понадобится код RGB, HSL или шестнадцатеричный код, чтобы узнать точный цвет, если вы хотите использовать его самостоятельно.

К счастью, в Google Chrome есть различные расширения для этого. Одним из них является инструмент «Пипетка», который вы можете добавить в свой браузер Chrome и сразу начать использовать.

Что такое расширение Chrome Eye Dropper?

Расширение Eye Dropper для Chrome позволяет найти шестнадцатеричный код пикселя в любом месте на веб-сайте. Если вы новичок в шестнадцатеричных кодах, вот все, что вам нужно знать о шестнадцатеричных кодах.

Инструмент «Пипетка» работает только в браузере Chrome. Если вы используете Windows, вы можете найти любой цвет на экране с помощью палитры цветов PowerToys. Если вы используете Mac, вы можете изучить лучшие приложения для выбора цвета для Mac.

Как добавить расширение Chrome Eye Dropper

Вы можете добавить инструмент «Пипетка» в свой браузер с помощью Интернет-магазина Chrome.

1. Посетите страницу расширения Eye Dropper в Интернет-магазине Chrome.
2. Нажмите Добавить в Chrome .
3. После добавления вы получите уведомление о подтверждении, а инструмент «Пипетка» отобразится в правом верхнем углу панели инструментов Google Chrome.
4. Если вы не видите инструмент «Пипетка», нажмите «Расширения» и закрепите пипетку.

Как использовать пипетку для получения шестнадцатеричного значения пикселя

Чтобы использовать инструмент «Пипетка», откройте его на панели инструментов Chrome и начните выбирать пиксели на веб-странице.

1. Нажмите на инструмент «Пипетка» в правом верхнем углу панели инструментов Google Chrome.
2. Выберите Выберите цвет на веб-странице .
3. Рядом с курсором появится квадрат, указывающий, что вы выбрали пиксель. Наведите указатель мыши на любую точку на сайте, где вы хотите узнать цвет. Шестнадцатеричный код появится в правом нижнем углу окна Chrome.
4. Щелкните мышью, чтобы выбрать нужный пиксель.
5. Повторно откройте инструмент «Пипетка» на панели инструментов Chrome. Выбранный цвет будет доступен для выделения и копирования. Вы также можете использовать значение цвета HSL и RGB.

Использование палитр цветов для поиска шестигранника пикселя

Расширение Eye Dropper Chrome — это полезный инструмент, который вы можете использовать, если хотите найти шестнадцатеричный код пикселя на веб-странице.

Вы можете добавить инструмент «Пипетка» в свой браузер через Интернет-магазин Chrome. После добавления вы можете начать выбирать пиксели на любом веб-сайте, и инструмент «Пипетка» вернет шестнадцатеричный код.

Существуют различные другие инструменты выбора цвета, которые можно использовать для поиска RGB, HSL или шестнадцатеричного кода пикселя на экране. Сюда входят средства выбора цвета для Windows, Mac и других браузеров.

ᐅ • Цветовая палитра Chrome «Пипетка» · Учебное пособие и обзор · ToolFinderr

Инструмент «Пипетка» Видеозапись · Цветовая палитра Chrome

Здравствуйте,

Вам когда-нибудь приходилось копировать цвет с веб-страницы и использовать его для своей веб-страницы? ?

Или ваш блог, или что-то еще, что у вас есть в Интернете, или, может быть, даже в вашей презентации PowerPoint?

Возможно, вы захотите использовать цвет, который видите и который вам нравится, а затем вы захотите узнать, что это за конкретный цвет. Что такое RGB-код или что такое HEX-код? И обычно очень сложно узнать, какой точный цветовой код.

Если вы не являетесь разработчиком и используете инспекции Google F12 или что-то в этом роде. Где вы можете увидеть в коде CSS, какой точный цвет.

Если вы не такой разработчик, этот инструмент для вас.

00:40 Пипетка Chrome Tool  · Color Picker Chrome

Привет, меня зовут Олаф, и я ваш ToolFinderr.

И сегодня я собираюсь поговорить с вами о Eye Dropper, причудливом расширении Chrome. Итак, уже здесь, на главной странице моей презентации, мы увидим три скриншота того, что представляет собой расширение Chrome.

Итак, во-первых, это пипетка: вы можете выбрать цвет на веб-странице, как вы можете видеть здесь. И все цвета, которые я подобрал, хранятся в последнем, не знаю сколько. Это элементы в моей палитре по умолчанию.

И если вы нажмете на один из этих цветов, вы сразу увидите, что это за цвет. Итак, выбранный тот, что был на странице и тот, что я выбрал последним. И еще один вариант — палитра цветов. Где вы можете легко подобрать цвета, используя эту палитру.

А третье изображение можно увидеть например, когда я навожу курсор на этот голубоватый цвет. Он покажет прямо на моем экране, что такое цвет HEX или цвет RGB.

Теперь давайте углубимся в это расширение Chrome.

02:00 Зачем мне нужна палитра цветов для Chrome

Итак, зачем мне это вообще нужно?

Ну, если вы находитесь в мире зарабатывания денег в Интернете, вам, безусловно, нужен веб-сайт, блог, Shopify.

Что бы вы ни делали, вам часто понадобятся цвета. Или вам нужны цвета, которые вы видите в другой теме WordPress или на другой веб-странице. А вы хотели бы знать, что это за цвет?

Тогда это расширение Chrome для вас.

В прошлом я также разрабатывал веб-сайты WordPress для клиентов. Итак, когда я купил тему WordPress со стандартной цветовой схемой, ее нужно было настроить на цвета клиента.

Например:

• цвета логотипа
• цвета стиля

Вот тут-то и пригодилось это расширение. Кроме того, при разработке презентаций PowerPoint, подобных этой, вам иногда потребуются определенные цвета или вам нужен определенный цвет, подобный этому.

Допустим, вот этот фиолетовый, а затем вы можете добавить этот фиолетовый в свою цветовую палитру. И бери его каждый раз, когда захочешь.

03:09 Что такое пипетка для Chrome?

Как я уже сказал, эта пипетка — это расширение Chrome, которое позволяет вам легко выбирать цвета с веб-сайтов с помощью Chrome. Затем он покажет вам код RGB или HEX, и вы сможете использовать его для своих проектов.

Одним щелчком мыши вы можете выбрать цвет, выбрать цвет, и он будет немедленно скопирован в буфер обмена. Для дальнейшего использования просто, в этом нет ничего особенного.

03:35 Функции  Палитра цветов Chrome

Какие функции:

• выбор цветов с веб-страниц
• использование цвета из палитры цветов, вашей истории или палитры по умолчанию
• цвет будет автоматически скопирован в буфер обмена

Кроме того, есть некоторые настройки в Пипетке, как вы можете видеть здесь. Так, например, автоматически копировать выбранный цвет в буфер обмена.

И всевозможные другие опции, которые обычно по умолчанию, как и должны быть. Но если вы хотите, вы можете изменить эти настройки.

04:25 Преимущества Цветовая палитра Chrome

Что ж, преимущества пипетки:

• очень проста в использовании
• огромная экономия времени
• больше не нужно угадывать цвет
• фон ) из вашей палитры
• БЕСПЛАТНО!

05:16 Eye Dropper Reviews  · Color Picker Chrome  Reviews

Если мы перейдем к обзорам, вы увидите, что расширение Chrome, а также расширение Firefox получило 4 звезды. Что тоже доступно. Итак, если вы используете Firefox, вы также можете использовать эту пипетку для выбора цвета.

И вы можете видеть, что этим пользуется почти миллион пользователей. Итак, это очень надежное и отличное расширение для Chrome. Особенно при разработке веб-страниц или блогов.

05:46 Учебное пособие по Chrome Eye Dropper · Учебное пособие по Chrome Picker

Но, как обычно, давайте посмотрим на сам инструмент, чтобы увидеть, как это работает на практике. Итак, вот расширение Chrome, как вы видите, и я уже установил его. Давайте посмотрим, как это работает.

Он окажется здесь, на панели расширений Chrome, и оттуда вы можете просто щелкнуть по нему, и он появится. И, как вы можете видеть, последним цветом, который я использовал, был белый дым с этим HEX-кодом, но, например, как этот зеленый цвет для использования.

Я бы взял его и просто указал на него мышкой. И вы можете увидеть его в правом углу ниже, где будет показан код в RGB и HEX.

Итак, я не могу показать его мышью, потому что тогда он исчезнет, ​​как видите, но сейчас он здесь.

Это:

• черный
• зеленый
• синеватый
• серый
• желтый

В зависимости от того, куда вы указываете мышью.