Real Color Picker Logo
Real Color Picker
100% бесплатная пипетка цветов • Без регистрации

Бесплатная онлайн Пипетка Цветов и Студия Палитр

Узнайте точные HEX, RGB, HSL и OKLCH коды с помощью нашей пипетки. Загрузите фото, вставьте из буфера (Ctrl+V) или выберите цвет с экрана с 16-кратной лупой.

Перетащите изображение сюда или выберите файл

Вставьте из буфера (Ctrl+V / Cmd+V) или перетащите с рабочего стола

PNG, JPG, WEBP, SVG, GIFДо 25 МБ100% локально в браузере

Загрузите или выберите изображение выше, чтобы начать выбор цветов

100%
ClickНажмите, чтобы зафиксировать цвет•↑ ↓ ← →для микроподстройки в 1 пиксель
Выбранный цвет
#0070F3
Текущий цветVercel Electric Blue

Electric Cerulean Blue

High vibrancy, primary UI anchor color.

Коды и форматы цветаКопировать
History0 / 20
Цветовые гармонии
Оттенки и полутона
Tints+10% ~ +90% White
Shades+10% ~ +90% Black
Tones+10% ~ +90% Gray

Студия генерации палитр

Создавайте гармоничные палитры или извлекайте цвета из фото

WCAG Контраст и студия доступности

Оценка коэффициентов WCAG 2.1 и дефицита цветового зрения

AAA ≥ 7.0AA ≥ 4.5Large ≥ 3.0
Обычный текст (16px)AAA Соответствует

Съешь же ещё этих мягких французских булок

Предпросмотр контрастности и читаемости текста в реальном времени.

Рассчитанный контраст4.52 : 1
Обычный текст (AA)Соответствует
Крупный текст (AA)Соответствует
Обычный текст (AAA)Не соответствует
Test Against:
Color Vision Deficiency (CVD) SimulationHow color-blind users perceive your palette

Студия CSS Градиентов

Создавайте, настраивайте и копируйте современные CSS-градиенты

Live CSS Gradient Preview
background: linear-gradient(135deg, #0070F3 0%, #7928CA 50%, #FF0080 100%);
Угол135°
Точки градиента
Preset Styles
Библиотека сохраненных палитр100% Client-Side

Ваши цветовые коллекции, сохраненные локально в браузере

Лучшая бесплатная онлайн-пипетка и студия палитр

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

01

16x субпиксельная лупа

Отображение сетки отдельных пикселей и перемещение стрелками клавиатуры с шагом в 1 пиксель.

02

Умное извлечение палитр

Алгоритм K-Means в один клик извлекает доминирующие и насыщенные цвета из любого изображения.

03

WCAG 2.1 и экспорт токенов

Проверка контраста AA/AAA в реальном времени, симуляция дальтонизма и экспорт кода для Tailwind CSS v4.

Как пользоваться Real Color Picker Онлайн

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

1

Загрузите или захватите изображение

Перетащите файл (PNG, JPG, WEBP, SVG), вставьте (Ctrl+V) или выберите цвет прямо с экрана.

2

Увеличьте и зафиксируйте пиксель

Наведите лупу 16x, используйте стрелки для подстройки в 1 пиксель и кликните для выбора.

3

Просмотрите коды и гармонии

Копируйте коды HEX, RGB, HSL, CMYK, LAB и OKLCH, а также комплементарные гармонии.

4

Сохраните и экспортируйте токены

Сохраняйте палитры в библиотеку или экспортируйте в Tailwind CSS v4, CSS Variables и Figma.

Справочник форматов представления цвета

Real Color Picker мгновенно конвертирует цвета в более чем 8 стандартных цветовых пространств.

FormatФорматНазначение и спецификация
HEX (#RRGGBB)#0070F3HTML / CSS / Figma / Web Standards
RGB / RGBArgb(0, 112, 243)Web Development & HTML5 Canvas
HSL / HSLAhsl(212, 100%, 48%)UI Design Systems & CSS Variables
OKLCHoklch(0.58 0.22 255.4)Modern CSS Color 4 Perceptual Gamut
CMYKcmyk(100%, 54%, 0%, 5%)Print, Press & Graphic Publishing

Часто задаваемые вопросы (FAQ)

Ответы на популярные вопросы о выборе цвета, пипетке и конвертации форматов.

Связан ли Real Color Picker с Google?
Real Color Picker — независимый сервис, не связанный с Google. Мы предоставляем 100% бесплатные, безопасные и быстрые инструменты для дизайнеров и разработчиков.
Что такое инструмент выбора цвета (пипетка)?
Это цифровая утилита, позволяющая точно определять цветовые значения пикселей на экране или изображении и переводить их в HEX, RGB, HSL, CMYK и OKLCH.
Как узнать код цвета на картинке с компьютера или телефона?
Перетащите изображение на страницу или вставьте из буфера. Наведите 16-кратную лупу на нужный пиксель и кликните, чтобы скопировать HEX-код.
Инструмент полностью бесплатный и без ограничений?
Да, Real Color Picker абсолютно бесплатен, не содержит платных подписок и ограничений по количеству изображений.
Нужна ли регистрация для сохранения палитр?
Регистрация не требуется. Все палитры надежно и конфиденциально сохраняются в локальном хранилище вашего браузера (localStorage).
Чем эта пипетка лучше стандартных инструментов браузера?
У нас есть 16-кратная субпиксельная лупа, сетка пикселей, центральный прицел и управление стрелками клавиатуры с шагом в 1 пиксель.
Можно ли генерировать палитры нажатием пробела?
Да! На странице генератора палитр просто нажимайте пробел, чтобы перебирать миллионы гармоничных сочетаний.
В чем разница между 'Color Picker' и 'Hex Color Picker'?
Это синонимы одного инструмента. Hex Color Picker форматирует цвет в 6-значный шестнадцатеричный код (например, #0070F3), принятый в веб-разработке.
Как проверяется контраст по стандарту WCAG 2.1?
Алгоритм вычисляет относительную яркость по спецификациям W3C WCAG 2.1 для уровней AA (минимум 4.5:1) и AAA (минимум 7:1).
Сохраняются ли мои загруженные изображения на сервере?
Нет, абсолютно. Вся обработка происходит исключительно внутри вашего браузера через HTML5 Canvas. Фотографии никогда не отправляются на сервер.