Створено 06/26/2025 08:26
Composable Web UX Patterns
- Atomic Tangerine#ff9e6d
- Markup Plum#9b5de5
- Grid Overlay#ced4da
- Canvas Sand#fff9ec
- Module Navy#023047
- Style Byte Blue#3a86ff
- Sticky Beige#f8e9d2
Палітра містить світлий, темний кольори. Акцентні кольори Canvas Sand #fff9ec та Style Byte Blue #3a86ff. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #023047 (найтемніший) до #FFF9EC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #023047, #3A86FF, #9B5DE5, #CED4DA, #F8E9D2, #FF9E6D, #FFF9EC
Палітра Composable Web UX Patterns містить комбінацію з 7 кодів кольорів :
HEX: #ff9e6d, RGB: (255, 158, 109); HEX: #9b5de5, RGB: (155, 93, 229); HEX: #ced4da, RGB: (206, 212, 218)
HEX: #fff9ec, RGB: (255, 249, 236); HEX: #023047, RGB: (2, 48, 71); HEX: #3a86ff, RGB: (58, 134, 255)
HEX: #f8e9d2, RGB: (248, 233, 210)
Спрощений варіант палітри кольорів
Відтінок lightsalmon, Відтінок mediumpurple, Відтінок lightgrey, Відтінок oldlace, Відтінок midnightblue, Відтінок dodgerblue, Відтінок antiquewhite
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
Composable Web UX Patterns коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ff9e6d | #ff9e6d | RGB(255, 158, 109) | Atomic Tangerine | — |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | Markup Plum | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Grid Overlay | — |
| #fff9ec | #fff9ec | RGB(255, 249, 236) | Canvas Sand | Day Lily |
| #023047 | #023047 | RGB(2, 48, 71) | Module Navy | — |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Style Byte Blue | — |
| #f8e9d2 | #f8e9d2 | RGB(248, 233, 210) | Sticky Beige | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ff9e6d | #ced4da | 1.35 |
#ff9e6d | #fff9ec | 1.93 |
#ff9e6d | #3a86ff | 1.71 |
#ff9e6d | #f8e9d2 | 1.69 |
#9b5de5 | #3a86ff | 1.18 |
#ced4da | #fff9ec | 1.42 |
Зображення палітри Composable Web UX Patterns png
Експортувати палітру
Завантажте "Composable Web UX Patterns" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: