8.8 C
Москва
Среда, 28 сентября, 2022

Как копировать цвета с помощью инструмента «Палитра цветов» в PowerToys

Популярное

[ad_1]

Дублируйте свои любимые цвета с помощью Color Picker

Лэнс Уитни/Скриншот

Являетесь ли вы графическим дизайнером, веб-разработчиком или программистом, иногда вам нужно точно воспроизвести цвет, который вы видите на экране, чтобы использовать его в своей работе. И одним из инструментов для работы является Color Picker, любезно предоставленный Microsoft PowerToys.

С помощью Color Picker вы используете пипетку, чтобы выбрать определенный цвет на экране. Оттуда приложение определяет цвет и переводит его в различные значения, включая RGB, HEX и CMYK. Значение по умолчанию копируется в буфер обмена Windows, откуда его можно вставить в программу графического или веб-дизайна или вставить в свой код.

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

Также: Как использовать бесплатные PowerToys FancyZones в Windows (и почему вам это нужно)

Включить палитру цветов

  1. Если у вас еще нет PowerToys, загрузите и установите файл PowerToysSetup.exe с страница программы на GitHub.
  2. Откройте окно настроек PowerToys, дважды щелкнув его значок на панели задач.
  3. Выберите запись для палитры цветов и убедитесь, что ее переключатель включен (фигура 1).
Включить палитру цветов

Лэнс Уитни/Скриншот

Настройка палитры цветов

  1. Прежде чем начать использовать палитру цветов, проверьте ее настройки, чтобы узнать, есть ли что-то, что вы хотите настроить. По умолчанию ярлык для активации палитры цветов — клавиша Windows + Shift + C. Если вы предпочитаете использовать другой ярлык, щелкните значок карандаша для Ярлык активации и попробуйте другую комбинацию. Но имейте в виду, что ярлык должен начинаться с клавиши Windows, Ctrl, Alt или Shift (фигура 2).
Выберите ярлык активации для Color Picker

Лэнс Уитни/Скриншот

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

3. В разделе «Поведение средства выбора» вы можете выбрать формат по умолчанию для выбранного вами цвета, то есть значение, скопированное в буфер обмена. При работе с кодом приложения или веб-дизайна чаще всего используется шестнадцатеричный формат, поэтому он используется по умолчанию. Но вы можете щелкнуть раскрывающийся список для Цветовой формат по умолчанию изменить его на другой формат (Рисунок 3).

Figure-3-how-to-use-the-color-picker-tool-in-powertoys.jpg

Лэнс Уитни/Скриншот

4. Помимо значения HEX или другого формата, мне всегда нравится видеть название цвета, который я выбираю. Чтобы включить это, включите переключатель Показать название цвета.

5. Это приведет нас к разделу редактора. Здесь вы можете указать, какие цветовые форматы должны отображаться в редакторе, поэтому у вас есть выбор использования других значений помимо значений по умолчанию. Как минимум, я обычно выбираю HEX, RGB и CMYK. Но другие форматы доступны для более специализированных целей. Включите переключатель для любого формата, который вы хотите видеть. Щелкните значок с многоточием рядом с выбранным форматом, и вы сможете переместить его вверх или вниз в списке, который появляется в редакторе (Рисунок 4).

Выберите цветовые форматы, которые будут отображаться в редакторе.

Лэнс Уитни/Скриншот

Использовать палитру цветов

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

  1. Нажмите ярлык для выбора цвета. Появится часть программы выбора (Рисунок 5).
Выбери цвет

Лэнс Уитни/Скриншот

2. Перемещайте курсор мыши, пока он точно не окажется на цвете, который вы хотите выбрать. Иногда подобрать точный цвет сложно, если участок с этим цветом очень мал или слишком близок к окружающим цветам. В этом случае палитра цветов позволит вам увеличить область, чтобы легче выбрать цвет. Двигайте колесо прокрутки мыши или проведите двумя пальцами по трекпаду, чтобы увеличить масштаб (Рисунок 6).

Увеличить цвет

Лэнс Уитни/Скриншот

3. Когда будете готовы, щелкните мышью, чтобы зафиксировать этот цвет.

4. Значение формата по умолчанию копируется в буфер обмена, и открывается редактор, показывающий значения во всех включенных вами форматах (Рисунок 7).

Редактор показывает значения цвета

Лэнс Уитни/Скриншот

5. Если вам просто нужно значение для формата по умолчанию, просто вставьте его в свой графический или веб-код. Если вам нужно значение для другого формата, щелкните значок Скопировать в буфер обмена кнопку рядом с ним, а затем вставьте это значение туда, где оно вам нужно (Рисунок 8).

Скопировать цвет в буфер обмена

Лэнс Уитни/Скриншот

6. Что делать, если вы хотите изменить цвет? Выбранный цвет отображается в середине верхней полосы. Щелкните этот раздел на панели, и появится другой редактор, в котором вы можете вручную уточнить HSV (оттенок, насыщенность, значение), перетаскивая три разных ползунка или значения RGB или HEX, изменяя числа (Рисунок 9).

Изменить выбранный цвет

Лэнс Уитни/Скриншот

7. Что делать, если вы хотите изменить выбранный вами цвет? Обратите внимание, что полоса вверху отображает выбранный вами цвет вместе с более светлыми и темными вариациями. Щелкните один из вариантов, чтобы выбрать его и изменить или скопировать в буфер обмена (Рисунок 10).

Посмотреть варианты выбранного цвета

Лэнс Уитни/Скриншот

8. Наконец, когда вы выбираете дополнительные цвета, каждый из них появляется в левой части редактора. Прокрутите список предыдущих цветов, если вы хотите вернуться к тому, который вы выбрали в прошлом (Рисунок 11).

Посмотреть предыдущие цвета

Лэнс Уитни/Скриншот

Оригинал

[ad_2]

- Advertisement -

Выбор редакции

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

- Advertisement -

Последние статьи