Створено 06/20/2025 07:41
Next-Gen SaaS UI Matrix
- Usermode Cyan#66fff9
- Sync Ink#292c34
- Auth Pink#ffd2e1
- Panel Bone#f8f5f1
- Admin Violet#8e7cff
- Metric Green#7ed957
Палітра містить світлий, темний кольори. Акцентні кольори Usermode Cyan #66fff9 та Auth Pink #ffd2e1. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #292C34 (найтемніший) до #F8F5F1 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #292C34, #66FFF9, #7ED957, #8E7CFF, #F8F5F1, #FFD2E1
Палітра Next-Gen SaaS UI Matrix містить комбінацію з 6 кодів кольорів :
HEX: #66fff9, RGB: (102, 255, 249); HEX: #292c34, RGB: (41, 44, 52); HEX: #ffd2e1, RGB: (255, 210, 225)
HEX: #f8f5f1, RGB: (248, 245, 241); HEX: #8e7cff, RGB: (142, 124, 255); HEX: #7ed957, RGB: (126, 217, 87)
Спрощений варіант палітри кольорів
Відтінок cyan, Відтінок Чорний, Відтінок Рожевий, Відтінок whitesmoke, Відтінок mediumslateblue, Відтінок limegreen
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Next-Gen SaaS UI Matrix коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #66fff9 | #66fff9 | RGB(102, 255, 249) | Usermode Cyan | — |
| #292c34 | #292c34 | RGB(41, 44, 52) | Sync Ink | — |
| #ffd2e1 | #ffd2e1 | RGB(255, 210, 225) | Auth Pink | — |
| #f8f5f1 | #f8f5f1 | RGB(248, 245, 241) | Panel Bone | — |
| #8e7cff | #8e7cff | RGB(142, 124, 255) | Admin Violet | — |
| #7ed957 | #7ed957 | RGB(126, 217, 87) | Metric Green | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#66fff9 | #ffd2e1 | 1.1 |
#66fff9 | #f8f5f1 | 1.12 |
#66fff9 | #7ed957 | 1.44 |
#ffd2e1 | #f8f5f1 | 1.24 |
#ffd2e1 | #7ed957 | 1.3 |
#f8f5f1 | #7ed957 | 1.61 |
Зображення палітри Next-Gen SaaS UI Matrix png
Експортувати палітру
Завантажте "Next-Gen SaaS UI Matrix" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: