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 з фінансуванням від VC, як Coolors, які блокують експорт, генератори градієнтів та збереження палітр за $3-$5/міс., які вам не потрібні для функції, яку браузер вже надає. Третій: корпоративний Adobe Color, який вимагає облікового запису Creative Cloud для того, що має бути сто рядків коду. Morph — це локальний, без облікового запису, усі формати включено. Браузер вже має EyeDropper API та вхід для кольору; Morph обгортає їх у зручний інтерфейс та додає математику (CMYK, HSL, контраст, теорія палітр), яку кожен дизайнер потребує.
Coolors і Adobe Color мають бібліотеки палітр, створені спільнотою — мільйони збережених користувачами палітр, які ви можете переглядати та модифікувати. Якщо ваша робоча процес зосереджений на спільноті, яка створює інспірацію, безкоштовний вибір кольору 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 не має копії.