Loading...
Створено 08/17/2022 09:27
Pop up component design system
- Ultramarine Blue#466ef3
- Maize (Crayola)#e7c658
- Dark Cornflower Blue#1c3c94
- Dark Blue-Gray#5e62a0
- Light Periwinkle#bfc7db
- Deep Koamaru#303568
Палітра містить світлий кольори. Акцентні кольори Ultramarine Blue #466ef3 та Maize (Crayola) #e7c658. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #303568 (найтемніший) до #BFC7DB (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1C3C94, #303568, #466EF3, #5E62A0, #BFC7DB, #E7C658
Палітра Pop up component design system містить комбінацію з 6 кодів кольорів :
HEX: #466ef3, RGB: (70, 110, 243); HEX: #e7c658, RGB: (231, 198, 88); HEX: #1c3c94, RGB: (28, 60, 148)
HEX: #5e62a0, RGB: (94, 98, 160); HEX: #bfc7db, RGB: (191, 199, 219); HEX: #303568, RGB: (48, 53, 104)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок gold, Відтінок darkslateblue, Відтінок slateblue, Відтінок lightsteelblue, Відтінок darkslateblue
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Pop up component design system коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #466ef3 | #466ef3 | RGB(70, 110, 243) | Ultramarine Blue | — |
| #e7c658 | #e7c658 | RGB(231, 198, 88) | Maize (Crayola) | — |
| #1c3c94 | #1c3c94 | RGB(28, 60, 148) | Dark Cornflower Blue | — |
| #5e62a0 | #5e62a0 | RGB(94, 98, 160) | Dark Blue-Gray | — |
| #bfc7db | #bfc7db | RGB(191, 199, 219) | Light Periwinkle | — |
| #303568 | #303568 | RGB(48, 53, 104) | Deep Koamaru | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#466ef3 | #5e62a0 | 1.28 |
#e7c658 | #bfc7db | 1.01 |
#1c3c94 | #5e62a0 | 1.75 |
#1c3c94 | #303568 | 1.15 |
Зображення палітри Pop up component design system png
Експортувати палітру
Завантажте "Pop up component design system" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: