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

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

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

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

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

Также: Как скопировать цвета в macOS с помощью системной палитры цветов

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

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

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

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

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

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

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).