Створено 07/28/2025 19:37
Web Framework Migration Palette
- Legacy Beige#ffebd8
- Build Teal#2ed8c3
- Refactor Pink#ffb3c6
- Deploy Navy#2a2e45
- Preview White#ffffff
- Patch Gray#bfbfbf
Палітра містить світлий, темний кольори. Акцентні кольори Legacy Beige #ffebd8 та Build Teal #2ed8c3. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #2A2E45 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #2A2E45, #2ED8C3, #BFBFBF, #FFB3C6, #FFEBD8, #FFFFFF
Палітра Web Framework Migration Palette містить комбінацію з 6 кодів кольорів :
HEX: #ffebd8, RGB: (255, 235, 216); HEX: #2ed8c3, RGB: (46, 216, 195); HEX: #ffb3c6, RGB: (255, 179, 198)
HEX: #2a2e45, RGB: (42, 46, 69); HEX: #ffffff, RGB: (255, 255, 255); HEX: #bfbfbf, RGB: (191, 191, 191)
Спрощений варіант палітри кольорів
Відтінок antiquewhite, Відтінок turquoise, Відтінок lightpink, Відтінок midnightblue, Білий, Відтінок Срібний
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Web Framework Migration Palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffebd8 | #ffebd8 | RGB(255, 235, 216) | Legacy Beige | — |
| #2ed8c3 | #2ed8c3 | RGB(46, 216, 195) | Build Teal | — |
| #ffb3c6 | #ffb3c6 | RGB(255, 179, 198) | Refactor Pink | — |
| #2a2e45 | #2a2e45 | RGB(42, 46, 69) | Deploy Navy | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Preview White | White |
| #bfbfbf | #bfbfbf | RGB(191, 191, 191) | Patch Gray | Gray75 |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffebd8 | #2ed8c3 | 1.54 |
#ffebd8 | #ffb3c6 | 1.44 |
#ffebd8 | #ffffff | 1.15 |
#ffebd8 | #bfbfbf | 1.58 |
#2ed8c3 | #ffb3c6 | 1.06 |
#2ed8c3 | #ffffff | 1.79 |
Зображення палітри Web Framework Migration Palette png
Експортувати палітру
Завантажте "Web Framework Migration Palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: