Лучшие расширения Chrome для выбора цвета для получения цветовых кодов HEX, RGB и HSL

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

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

Вот 10 расширений палитры цветов Chrome, начиная с тех, у которых есть дополнительные функции и функции, которые могут вам понравиться.

Вы можете получить цветовой код для любого цвета, который вы видите на веб-странице, с помощью Color Picker Tool — Geco.

  1. Нажмите кнопку расширения на панели инструментов.
  2. Наведите курсор на цвет, который хотите идентифицировать.
  3. Нажмите, чтобы сохранить цвет в списке расширений.

Затем вы увидите коды HEX, RGB и HSL в разделах New и Picked окна расширения. Выберите предыдущий цвет, который вы определили, и вы увидите эти коды в разделе «Новый».

Дополнительные возможности:

  • Автоматически копируйте цветовой код HEX в буфер обмена для удобной вставки там, где это необходимо.
  • Загрузите CSV-файл вашей цветовой палитры с кодами HEX, RGB и HSL.
  • Настройте параметры копирования в буфер обмена, включения уведомлений и использования щелчка правой кнопкой мыши.

Используйте инструмент «пипетка» от AKColor, чтобы получить цветовой код с любого сайта, который вы видите в Интернете.

  1. Нажмите кнопку расширения на панели инструментов.
  2. Выберите пипетку слева и наведите курсор на цвет, который хотите определить.
  3. Нажмите, чтобы просмотреть цветовые коды, а также ближайший цвет и средний цвет области.

Вы увидите красивое всплывающее окно с цветовыми кодами для RGB, RGBA, HEX, HSL и HSLA. Выберите любой из кодов, чтобы скопировать значения цвета в буфер обмена. Затем выберите «Выбрать снова» или «Закрыть».

Дополнительные возможности:

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

Если вы ищете палитру цветов, которую можно использовать в других местах, а не только в Интернете, Pick Color — это инструмент для вас.

  1. Нажмите кнопку расширения на панели инструментов.
  2. Выберите Выберите свой цвет, а затем выберите пипетку.
  3. Наведите курсор на цвет, который хотите идентифицировать. Это может быть веб-сайт, рабочий стол или другое приложение.
  4. Нажмите, чтобы сохранить цвет в расширении.

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

Бонусная функция

С помощью Pick Color вы можете быстро определить цвет на веб-странице и скопировать шестнадцатеричный код в буфер обмена всего за пару кликов.

  1. Щелкните правой кнопкой мыши веб-страницу и выберите «Выбрать цвет на странице» в контекстном меню.
  2. Наведите курсор на цвет, и вы увидите прикрепленный HEX-код.
  3. Нажмите, чтобы скопировать шестнадцатеричный код цвета в буфер обмена.

Для другого расширения Chrome с полезными дополнительными функциями взгляните на Color Picker от linangdata.com.

  1. Нажмите кнопку расширения на панели инструментов и перейдите на вкладку «Пипетка».
  2. Выберите «Пипетка» и наведите курсор на цвет. Вы увидите, что шестнадцатеричный код появляется при перемещении указателя.
  3. Нажмите, чтобы сохранить цвет в списке расширений и одновременно скопировать шестнадцатеричный код в буфер обмена.
  4. Снова откройте расширение с помощью кнопки на панели инструментов, и вы увидите коды HEX, RGB, HSL, HSV и CMYK. Выберите значок копирования справа от любого из кодов, чтобы поместить его в буфер обмена.

Дополнительные возможности:

  • Используйте вкладку «Палитра цветов» для отображения основных цветов с их цветовыми кодами.
  • Попробуйте вкладку «Цветовая шкала», чтобы просмотреть различные цветовые оттенки с их цветовыми кодами.
  • Перейдите на вкладку Color Blender, чтобы умножить, затемнить, осветлить и наложить цвета.

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

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

Дополнительные возможности:

  • Используйте вкладку «Палитра цветов», чтобы смешивать собственные цвета.
  • Экспортируйте свою историю цветов в виде файла CSV с цветовыми кодами.
  • Настройте параметры копирования в буфер обмена, изменения внешнего вида указателя и отключения информации о цвете при перемещении курсора.

Если вы хотите определить цвета, а затем сгруппировать их для быстрого доступа, посмотрите Black-shrimp.

  1. Нажмите кнопку расширения на панели инструментов. Откроется небольшое окно надстройки слева.
  2. Наведите курсор на цвет, который хотите идентифицировать, и щелкните.
  3. Вы сразу же увидите HEX-код в окне. Используйте раскрывающийся список рядом с определенным цветом, чтобы просмотреть цветовые коды RGB или HSL.
  4. Чтобы сохранить цвет, выберите знак плюса в нижней части окна.

Дополнительные возможности:

  • Добавьте группу с помощью значка папки и перетащите в нее сохраненные цвета.
  • Экспортируйте сохраненные цвета в файл ASE (Adobe Swatch Exchange).
  • Используйте сочетания клавиш, чтобы добавить цвет, создать группу, удалить или экспортировать.

Если модные дополнительные функции не для вас, и вы хотите простое расширение, взгляните на Easy Color Picker.

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

Хотя для цветовых кодов нет простых вариантов копирования, вы можете щелкнуть правой кнопкой мыши внутри каждого поля и выбрать «Копировать», если вам нужно вставить значения в другое место.

Подобно Easy Color Picker, это Colorfly Color Picker. Возьмите цвет, просмотрите код и скопируйте значения, если это необходимо.

  1. Нажмите кнопку расширения на панели инструментов.
  2. Нажмите кнопку «Выбрать цвет» и наведите курсор на цвет. Когда вы перемещаете курсор, вы можете просматривать значения HEX и RGB в правом нижнем углу окна браузера.
  3. Щелкните нужный цвет, и вы увидите коды HEX, RGB и HSL в окне расширения. Выберите любой цветовой код, чтобы скопировать его в буфер обмена.

9. Выбор цвета (от Кипеловвичеслав)

Еще один базовый Расширение для браузера Chrome имеет то же имя, что и другой в нашем списке, Color Picker, этот от kipelovvycheslav.

  1. Нажмите кнопку расширения на панели инструментов.
  2. Наведите курсор на цвет, который хотите идентифицировать, и щелкните.
  3. Снова откройте расширение, чтобы увидеть цветовые коды HEX, HSL и RGB.

Последнее, простое расширение Chrome без наворотов — Smart Color Picker.

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

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

Для получения дополнительной помощи ознакомьтесь с тем, как установить или удалить расширения в Chrome.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован.