Войдите в свой аккаунт

С возвращением!

Три цвета одинаковой яркости и насыщенности с оттенками, которые находятся рядом на цветовом круге, на расстоянии 30 градусов друг от друга. Плавные переходы.

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

Цвет и его противоположность на цветовом круге, +180 градусов оттенка. Высокая контрастность.

Получите полезную информацию о цвете 123456, такую как конверсия, сочетания, моделирование слепоты и многое другое.

HTML Пипетка: 123456

Три цвета одного оттенка со значениями яркости +/-50%. Утонченный и изысканный.

Цвет и два соседних с ним дополнения, +/-30 градусов оттенка от значения, противоположного основному цвету. Смелый, как прямой комплемент, но более универсальный.

Два набора комплементарных цветов, разделенных 60 градусами оттенка.

Три цвета, равномерно расположенные вдоль цветового круга, каждый из которых находится на расстоянии 120 градусов оттенка друг от друга. Лучше всего позволить одному цвету доминировать, а остальные использовать в качестве акцентов.

Цель этого раздела - точное создание оттенков (добавление чистого белого) и теней (добавление чистого черного) выбранного вами цвета с шагом в 10%.

Название

Свяжитесь с нами

Выберите цвет с помощью пипетки для текста и фона или введите цвет в шестнадцатеричном формате RGB (например, #259 или #2596BE). Вы можете регулировать ползунок для выбора цвета. В Руководстве по доступности веб-контента (WCAG) есть специальный критерий, который помогает определить, читаем ли текст для зрячих пользователей. Этот критерий использует определенный алгоритм, чтобы сопоставить цветовые комбинации в сопоставимых соотношениях. Используя эту формулу, WCAG утверждает, что соотношение цветового контраста текста и фона 4,5:1 является достаточным для обычного (основного) текста, а крупный текст (18+ пт обычный или 14+ пт жирный) должен иметь соотношение цветового контраста не менее 3:1.

Проверка контрастности цветов: С помощью этого онлайн-инструмента вы сможете получить подробную информацию о соотношении контрастности текста и фоновых цветов 123456.

Проверка контрастности цветов: 123456

Достигнуто максимальное количество в 10 цветов

Достигнуто минимальное количество в 4 цвета

Внимание

Чтобы воспользоваться этой функцией, вам нужно создать БЕСПЛАТНЫЙ аккаунт imagecolorpicker. После этого вы получите доступ к большему количеству функций.

Создать новую палитру

Отредактировать палитру

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

Редактировать градиент

Название градиента обязательно

Конструктор градиентов - создавайте потрясающие линейные и радиальные градиенты | imagecolorpicker.com

Градиент

Генерируйте цветовые коды, вариации, гармонии и проверяйте коэффициент контрастности.

Генератор и выборщик цветовых кодов

Создавайте красивые градиенты с легкостью - настраивайте цвета, направления и экспортируйте свои творения.

Конструктор градиентов

Управляйте и упорядочивайте свои любимые цветовые палитры.

Ваши сохраненные палитры

Просматривайте и изучайте этот общий градиент.

Общий градиент

Просматривайте и изучайте эту общую палитру.

Общая палитра

Мы заметили, что вы используете блокировщик рекламы. Ничего страшного! Вы можете поддержать нас небольшим пожертвованием, чтобы сохранить этот инструмент бесплатным для миллионов пользователей. Каждая чашка кофе помогает нам поддерживать и улучшать сервис.

Обнаружен блокировщик рекламы - вместо этого поддержите нас, купив кофе!

Используйте онлайн-пипетку для изображений, чтобы выбрать цвет и получить HTML-код этого пикселя. Вы также получите код HEX и значения RGB и HSV. В разделе "Использовать изображение" вы можете загрузить свою собственную картинку (например, скриншот рабочего стола), вставить изображение из буфера обмена, или ввести URL картинки или сайта в текстовое поле. Слева вы увидите миниатюру.

Пипетка: С помощью этого онлайн-инструмента вы можете загрузить изображение или указать URL сайта и получить коды цветов RGB, HEX и HSL. 👍

👍 Пипетка онлайн | Пипетка HEX | Пипетка HTML

Если у вас Mac или компьютер с актуальной операционной системой и браузером, вы сможете воспользоваться этой функцией. Нами были протестированы Safari, Edge, Firefox и Chrome. Внешний вид может незначительно отличаться.

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

Посмотрите 15-секундную рекламу, чтобы продолжить использовать его бесплатно

Вы использовали эту функцию 3 раза!

Поиск фотографий через Pexels

Мы все еще находимся в самом начале нашего пути с пипеткой, впереди будет еще много функций, оно того стоит.

У вас нет аккаунта? Зарегистрируйтесь

Укажите свой адрес электронной почты, и мы пришлем вам защищенную ссылку для входа в систему.

Название палитры обязательно

Вы еще не сохранили ни одной цветовой палитры. Сохраните одну, и она появится здесь.

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

Палитра

Название обязательно

Этот сайт существует за счет рекламы. У вас включен блокировщик. Мы понимаем, что вы не хотите видеть рекламу. Поддержка этого сайта требует затрат. Мы будем рады любой помощи!

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

Онлайн-инструмент для извлечения цветовых кодов (HEX, RGB) из изображений и веб-сайтов. 100% бесплатно.

ImageColorPicker.com

Ваши палитры