03
КОНТРАСТ
WCAG AA & AAA
Сопоставьте любые два цвета. Получите соотношение. Проверка на соответствие для основного текста и крупного текста.
HTMLColorCodes.com runs banner ads against your visit and ranks for "color picker" with a static page. Coolors gates the meaningful exports behind a $3-$5/month plan. Adobe Color needs a Creative Cloud account. The other dozen tools have you upload an image to extract a palette — for a problem the browser already solved with the eyedropper API. Morph picks colors visually, converts between HEX, RGB, HSL, CMYK, generates palettes (complementary, analogous, triadic, split, monochromatic), and runs WCAG contrast checks — all in your tab, no ads, no upload, no account. Free for everything that runs on your device; AI is paid in credits.
Введите #FF5200 и увидите RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0) и ближайший CSS-цвет с именем. Скопируйте любой формат одним кликом. Редактируйте любое поле, остальные поля остаются синхронизированными.
Комплементарные, аналогичные, триадные, расщепленно-комплементарные, монохромные, тетрадические. Выберите базовый оттенок и получите пригодную палитру из пяти оттенков.
Сопоставьте любые два цвета. Получите соотношение. Проверка на соответствие для основного текста и крупного текста.
API EyeDropper в Chrome / Edge. Выбирайте любой пиксель на экране.
Три основных паттерна доминируют на рынке выбора цветов. Первый: сайты, обернутые в рекламу, которые вытесняют всё своим возрастом, плотной рекламой и почти неинтерактивностью — HTMLColorCodes является классическим примером. Второй: SaaS-сервисы с инвестициями от венчурных фондов, такие как Coolors, которые блокируют экспорт, генераторы градиентов и сохранение палитр за подписку от $3-$5/мес, которую вам не нужно оплачивать для функции, которая уже доступна в браузере по умолчанию. Третий: корпоративные решения Adobe Color, которые требуют учетной записи Creative Cloud для того, что должно быть всего несколькими строками кода. Morph — это локальное решение без учетной записи, поддерживающее все форматы. Браузер уже имеет API EyeDropper и элемент ввода цвета; Morph обертывает их в удобный интерфейс и добавляет математику (CMYK, HSL, контраст, теория палитры), которая нужна каждому дизайнеру.
Coolors и Adobe Color имеют библиотеки палитр, созданные сообществом — миллионы сохраненных пользователем палитр, которые вы можете просматривать и ремиксить. Если ваш рабочий процесс ориентирован на вдохновение, собранное сообществом, то standalone-выбор цвета Morph не подходит. Morph — это математика + преобразования + генератор палитр + проверка контраста — детерминированные, воспроизводимые части. Часть «просмотр миллиона палитр, созданных пользователями» — это другая продукция, и Coolors имеет сильный вариант.
Да. Введите любой HEX-код цвета, и Morph мгновенно покажет эквиваленты RGB, HSL и CMYK. Работает в обоих направлениях — введите в любое поле, и остальные поля будут синхронизированы.
Да. Morph рассчитывает соотношение контраста WCAG между любыми двумя цветами и сообщает, соответствует ли комбинация стандартам доступности AA или AAA для основного текста и крупного текста.
Да. Выберите базовый цвет, и Morph сгенерирует дополнительные, аналогичные, триадные, раздельно-комплементарные, монохромные и тетрадные палитры на основе теории цвета.
Да в Chrome и Edge — Morph использует API EyeDropper браузера. Нажмите кнопку-пипетку, наведите на любой участок экрана, кликните для выбора цвета. Safari и Firefox пока не предоставляют этот API; в этих браузерах Morph возвращается к выбору цвета внутри поверхности выбора.
Сохраненные палитры хранятся в localStorage на вашем устройстве. Они никогда не синхронизируются с сервером Morph. Очистите хранилище браузера, они исчезнут — и Morph не имеет копии.