Ваша цветовая студия

Конвертер цветов онлайн

Pybyx RGB Studio — бесплатный онлайн-инструмент: пипетка, конвертация в 9 форматов, извлечение цветов из фото, генератор градиентов, симулятор дальтонизма и проверка WCAG 2.1. Мгновенно. Без регистрации.

Начать работу
Формат HEX
Светимость
Контраст
CSS имя

История

Студия подбора цвета

HEX Веб-стандарт
HEXA С альфа-каналом
RGB Красный · Зелёный · Синий
RGBA С альфа-каналом
HSL Тон · Насыщ. · Светлота
HSV Тон · Насыщ. · Значение
CMYK Для печати
OKLCH Перцептивное
0x INT 32-бит без знака
CSS NAME Именованный

Генератор градиентов

CSS-градиенты с вашими цветами: linear, radial и conic.

135°
background: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);

Извлечение цветов из фото

Загрузите изображение — получите палитру из 6 доминирующих цветов.

Здесь появится палитра после загрузки изображения

Симулятор дальтонизма

Посмотрите, как ваш цвет выглядит для людей с разными формами дальтонизма.

Превью на реальных UI-элементах

Увидьте, как цвет работает в кнопках, карточках, иконках и тексте.

Card Title

Это пример карточки с вашим цветом в качестве акцента. Используется для проверки читаемости.

Tag
Уведомление

Заголовок H3

Текст абзаца — здесь проверяется контраст и читаемость вашего цвета.

Палитра оттенков, теней и гармоний

Оттенки, тени, тона и гармонические сочетания для дизайн-системы.

Готовые дизайн-системы

Загрузите пресет известной палитры и используйте как основу.

Проверка контраста по WCAG 2.1

Проверка контраста WCAG 2.1

Коэффициент контрастности на белом и чёрном фоне по стандарту AA и AAA.

WCAG AA
WCAG AAA
На белом
На чёрном

Онлайн-конвертер цветов и генератор палитр

Pybyx RGB Studio — профессиональный бесплатный инструмент для работы с цветом: пипетка, конвертация в 9 форматов, извлечение цветов из фото, генератор градиентов, симулятор дальтонизма и проверка WCAG 2.1.

Популярные RGB-цвета

  • RGB 255 255 255 — белый, HEX #FFFFFF, фон в минималистичных дизайнах
  • RGB 0 0 0 — чёрный, HEX #000000, максимальный контраст
  • RGB 80 80 80 — тёмно-серый, HEX #505050, нейтральный фон
  • RGB 128 128 128 — серый, HEX #808080, классический «gray»
  • RGB 255 0 0 — красный, HEX #FF0000, ошибки и предупреждения
  • RGB 0 128 0 — зелёный, HEX #008000, успех
  • RGB 0 0 255 — синий, HEX #0000FF, основной цвет в вебе

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

Как перевести RGB в HEX?

Введите rgb(80, 80, 80) в поле RGB — конвертер мгновенно переведёт его в HEX #505050. Доступна обратная конвертация и перевод в 7 других форматов.

Что означает RGB 80 80 80?

RGB 80 80 80 — тёмно-серый (HEX #505050) с одинаковой интенсивностью каналов. Нейтральный фон для минималистичных дизайнов.

Чем отличаются HSL и HSV?

HSL использует светлоту, HSV — яркость. HSL удобнее для веба, HSV — для графических редакторов.

Что такое OKLCH?

OKLCH — перцептивно-равномерное цветовое пространство. В отличие от RGB и HSL, одинаковое числовое изменение воспринимается глазом одинаково.

Как извлечь цвета из фото?

Загрузите изображение в раздел «Извлечение цветов» — инструмент построит палитру из 6 доминирующих цветов.

Что такое симулятор дальтонизма?

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