Содержание

• Шагать
• Метод 1 из 4. Использование цифрового измерителя цвета на Mac
• Метод 2 из 4. Использование Color Cop для Windows
• Метод 3 из 4. Использование Imagecolorpicker.com
• Метод 4 из 4: Использование Firefox (для раскрашивания в Интернете)
• Советы

Цвета в HTML и CSS различаются шестнадцатеричными кодами. Если вы создаете веб-страницу или работаете над другим проектом HTML и хотите включить элемент, соответствующий определенному цвету, в изображение, веб-сайт или окно на экране вашего компьютера, вам необходимо найти шестнадцатеричный код цвета. Из этой статьи вы узнаете, как использовать различные бесплатные инструменты, чтобы быстро узнать шестнадцатеричный код любого цвета.

Шагать

Метод 1 из 4. Использование цифрового измерителя цвета на Mac

1. Откройте цифровой измеритель цвета на вашем Mac. Этот инструмент является частью macOS, может различать значение цвета любого цвета на экране. Откройте Finder, дважды щелкните папку Программ, дважды щелкните папку Утилиты а затем дважды щелкните Цифровой измеритель цвета чтобы открыть его.
2. Переместите курсор мыши к цвету, для которого вы хотите узнать шестнадцатеричный код. Когда вы перемещаете мышь, значения в инструменте обновляются в реальном времени. Не перемещайте мышь из этого места, пока не заблокируете как горизонтальное, так и вертикальное отверстия.
   • Вы также можете использовать этот инструмент для распознавания цветов в Интернете. Откройте браузер, например Safari (или другой браузер), и перейдите на веб-сайт того цвета, который вы хотите распознать.
3. Нажмите ⌘ Команда+Л.. Это блокирует как горизонтальные, так и вертикальные промежутки, что означает, что значение цвета не изменяется при перемещении мыши.
4. Нажмите ⇧ Shift+⌘ Команда+С. чтобы скопировать шестнадцатеричный код в буфер обмена. Вы также можете скопировать шестнадцатеричный код, нажав кнопку Цветменю и щелкнув Копировать цвет как текст выбирать.
5. Нажмите ⌘ Команда+В. чтобы вставить скопированный код. Вы можете вставить код прямо в свой HTML-код, в текстовый файл или в другое место, где вы можете ввести текст.
6. Нажмите ⌘ Команда+Л. для разблокировки цветоискателя. Если вы хотите определить другой цвет, это снимает блокировку, и курсор снова работает как средство поиска значений цвета.

Метод 2 из 4. Использование Color Cop для Windows

1. Установите Color Cop. Color Cop - это небольшая бесплатная утилита, с помощью которой вы можете быстро узнать шестнадцатеричный код любого цвета на экране. Вы получаете это приложение следующим образом:
   • Перейдите на http://colorcop.net/download в веб-браузере.
   • нажмите на colorcop-setup.exe под "самостоятельной установкой". Если файл не загружается автоматически, щелкните Сохранить или же ОК чтобы начать загрузку.
   • Дважды щелкните загруженный файл (он находится в папке Загрузки и обычно в левом нижнем углу вкладки браузера).
   • Следуйте инструкциям на экране, чтобы установить приложение.
2. Откройте Color Cop. Вы можете найти его в меню «Пуск».
3. Перетащите пипетку к цвету, который хотите идентифицировать. Вы можете определить любой цвет на экране, в том числе в других приложениях и на веб-сайтах.
4. Отпустите кнопку мыши, чтобы открыть шестнадцатеричный код. Код появится в центре программы на пустом месте.
5. Дважды щелкните шестнадцатеричный код и нажмите Ctrl+С.. Это копирует шестнадцатеричный код в буфер обмена.
6. Вставьте код там, где он вам нужен. Ты можешь Ctrl + V используйте, чтобы вставить шестнадцатеричный код где угодно, например, в код HTML или CSS.

Метод 3 из 4. Использование Imagecolorpicker.com

1. Перейти к https://imagecolorpicker.com на вашем компьютере, телефоне или планшете. Вы можете использовать этот бесплатный инструмент для определения шестнадцатеричного кода любого цвета в загруженном изображении. Этот метод работает в любом веб-браузере, в том числе на Android, iPhone или iPad.
2. Загрузите изображение или введите URL. Вам нужно будет решить, хотите ли вы загрузить собственное изображение или использовать онлайн-изображение или веб-сайт. Оба метода можно использовать для отображения изображения или веб-страницы, что позволяет выбрать нужный цвет.
   • Чтобы загрузить изображение, прокрутите вниз и выберите Загрузите свое изображение, затем перейдите к изображению на своем компьютере, телефоне или планшете и выберите вариант его загрузки.
   • Чтобы использовать веб-сайт, прокрутите вниз до параметра «Использовать это поле для получения цветового кода HTML веб-сайта», введите URL-адрес и затем нажмите или коснитесь кнопки Взять веб-сайт выбрать сайт.
   • Чтобы выбрать прямое изображение в Интернете вместо всего веб-сайта, введите URL-адрес изображения в поле «Используйте это поле для получения цветового кода HTML изображения с этого URL-адреса» и нажмите или коснитесь Возьмите изображение.
3. Щелкните или коснитесь нужного цвета в предварительном просмотре изображения / сайта. В левом нижнем углу экрана отобразится шестнадцатеричный код цвета.
4. Щелкните или коснитесь значка копирования (два перекрывающихся квадрата справа от шестнадцатеричного кода), чтобы скопировать шестнадцатеричный код в буфер обмена. Затем вы можете вставить его в любой текстовый файл или текстовую область.

Метод 4 из 4: Использование Firefox (для раскрашивания в Интернете)

1. Откройте Firefox на вашем ПК или Mac. Веб-браузер Firefox поставляется с бесплатным инструментом, который вы можете использовать для определения шестнадцатеричного кода любого цвета в Интернете. Если у вас установлен Firefox, вы можете найти его в меню «Пуск» (Windows) или в папке «Приложения» (macOS).
   • Вы можете бесплатно загрузить Firefox по адресу https://www.mozilla.org/en-US/firefox.
   • Firefox возвращает только значение цвета на веб-сайте. Вы не можете использовать инструмент вне браузера.
2. Перейдите на веб-сайт, содержащий цвет, который вы хотите определить. Убедитесь, что элемент, для которого вам нужен цвет, находится в поле зрения.
3. Нажмите на меню ☰. Это три горизонтальные линии в правом верхнем углу Firefox.
4. Нажмите здесь веб-разработчик-меню. Еще одно меню расширяется.
5. Нажми на пипетка. Курсор мыши превратится в большой круг.
6. Щелкните цвет, который хотите определить. Шестнадцатеричное значение цветов будет обновляться сразу же, как только вы переместите указатель мыши в нужное место. Как только вы щелкнете мышью, Firefox сохранит шестнадцатеричный код в вашем буфере обмена.
7. Вставьте код там, где он вам нужен. Ты можешь Ctrl + V использовать (ПК) или Command + V (Mac), чтобы вставить шестнадцатеричный код в ваш HTML, CSS или любой другой тип текстового файла.

Советы

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