Створено 06/26/2025 08:32
Next-Gen Mobile Dev Patterns
- Gesture Teal#2dd4bf
- Speed Pink#f472b6
- Tap Indigo#6366f1
- Latency Gray#e5e7eb
- Haptic Blush#fbcfe8
- Thread Navy#1e293b
- Touchpoint Cream#fefce8
Палітра містить світлий, темний кольори. Акцентні кольори Tap Indigo #6366f1 та Touchpoint Cream #fefce8. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #1E293B (найтемніший) до #FEFCE8 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1E293B, #2DD4BF, #6366F1, #E5E7EB, #F472B6, #FBCFE8, #FEFCE8
Палітра Next-Gen Mobile Dev Patterns містить комбінацію з 7 кодів кольорів :
HEX: #2dd4bf, RGB: (45, 212, 191); HEX: #f472b6, RGB: (244, 114, 182); HEX: #6366f1, RGB: (99, 102, 241)
HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #1e293b, RGB: (30, 41, 59)
HEX: #fefce8, RGB: (254, 252, 232)
Спрощений варіант палітри кольорів
Відтінок turquoise, Відтінок hotpink, Відтінок mediumslateblue, Відтінок gainsboro, Відтінок thistle, Відтінок midnightblue, Відтінок ivory
Кольорова схема створена автором coolor
Коди кольорів у палітрі
Next-Gen Mobile Dev Patterns коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Gesture Teal | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Speed Pink | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Tap Indigo | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Latency Gray | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Haptic Blush | — |
| #1e293b | #1e293b | RGB(30, 41, 59) | Thread Navy | — |
| #fefce8 | #fefce8 | RGB(254, 252, 232) | Touchpoint Cream | — |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#2dd4bf | #f472b6 | 1.42 |
#2dd4bf | #e5e7eb | 1.5 |
#2dd4bf | #fbcfe8 | 1.34 |
#2dd4bf | #fefce8 | 1.79 |
#f472b6 | #6366f1 | 1.68 |
#f472b6 | #fbcfe8 | 1.91 |
Зображення палітри Next-Gen Mobile Dev Patterns png
Експортувати палітру
Завантажте "Next-Gen Mobile Dev Patterns" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: