03
КОНТРАСТ
WCAG AA & AAA
Сопоставьте любые два цвета. Получите соотношение. Проверка на соответствие для основного текста и крупного текста.
Что на самом деле делает
02
Палитра
Теория цвета, сгенерированная
Комплементарные, аналогичные, триадные, расщепленно-комплементарные, монохромные, тетрадические. Выберите базовый оттенок и получите пригодную палитру из пяти оттенков.
04
Пипетка
Выбрать с экрана
API EyeDropper в Chrome / Edge. Выбирайте любой пиксель на экране.
Как это работает
- Откройте morph.cool/color в любом современном браузере. Нет входа, нет установки, нет карты.
- Выбирайте визуально — перетащите выборщик, введите HEX-код, вставьте строку RGB или используйте кнопку EyeDropper (Chrome/Edge).
- Смотрите мгновенные преобразования между HEX, RGB, HSL и CMYK. Редактируйте любое поле; остальные остаются синхронизированными.
- Генерируйте палитры — комплементарные, аналогичные, триадные, разделенные, монохромные, тетрадные. Каждая палитра доступна одним кликом для копирования.
- Проверьте контраст. Сопоставьте любые два цвета с целями WCAG AA / AAA для обычного и крупного текста.
4 форматаHEX · RGB · HSL · CMYK
6 схемГенераторы палитр
0Требуется аккаунт
Почему большинство инструментов для работы с цветом кажутся лабиринтом
Три паттерна доминируют на рынке выбора цвета. Первый: сайты, обернутые в рекламу, которые вытесняют всё остальное, будучи старыми, плотно заполненными баннерами и почти неинтерактивными. Третий: корпоративные пакеты, требующие облачного аккаунта для того, что должно быть всего сотней строк кода. Morph — это локально-ориентированный, без аккаунта, включающий все форматы. Браузер уже имеет EyeDropper API и цветовой ввод; Morph обертывает их в удобный интерфейс и добавляет математику (CMYK, HSL, контраст, теория палитры), которую нуждается каждый дизайнер.
Где дизайн SaaS всё ещё побеждает
Сайты библиотек палитр имеют сообщественные коллекции — миллионы сохранённых палитр, которые вы можете просматривать и перерабатывать. Если ваш рабочий процесс ориентирован на вдохновение, собранное сообществом, standalone-выборщик палитр Morph не подходит. Morph — это математика + преобразования + генератор палитр + проверка контраста — детерминированные, воспроизводимые части. Часть «просмотреть миллион палитр, сохранённых пользователями» — это другая продукция.
Часто задаваемые вопросы
Можно ли конвертировать между HEX и RGB?
Да. Введите любой HEX-код цвета, и Morph мгновенно покажет эквиваленты RGB, HSL и CMYK. Работает в обоих направлениях — введите в любое поле, и остальные поля будут синхронизированы.
Проверяет ли Morph контраст цветов для доступности?
Да. Morph рассчитывает соотношение контраста WCAG между любыми двумя цветами и сообщает, соответствует ли комбинация стандартам доступности AA или AAA для основного текста и крупного текста.
Можно ли генерировать палитры цветов из одного цвета?
Да. Выберите базовый цвет, и Morph сгенерирует дополнительные, аналогичные, триадные, раздельно-комплементарные, монохромные и тетрадные палитры на основе теории цвета.
Действительно ли пипетка выбирает цвет из любого места на экране?
Да в Chrome и Edge — Morph использует API EyeDropper браузера. Нажмите кнопку-пипетку, наведите на любой участок экрана, кликните для выбора цвета. Safari и Firefox пока не предоставляют этот API; в этих браузерах Morph возвращается к выбору цвета внутри поверхности выбора.
Хранятся ли мои цвета где-либо?
Сохраненные палитры хранятся в localStorage на вашем устройстве. Они никогда не синхронизируются с сервером Morph. Очистите хранилище браузера, они исчезнут — и Morph не имеет копии.
Nothing leaves your device · Free for what you make, credits for what we run