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 все ще перемагає
The palette-library sites have community collections — millions of user-saved palettes you can browse and remix. If your workflow centers on community-curated inspiration, Morph's standalone picker isn't the right surface. Morph is the math + the conversions + the palette generator + contrast checking — the deterministic, reproducible parts. The "browse a million user palettes" part is a different product.
Часто задавані питання
Чи можна конвертувати між 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