Multi-Device Responsive UI Scheme
- Viewport Blue#7ec8e3
- Breakpoint Pink#ffadad
- Touch White#fefefe
- Media Slate#7d8597
- Safe Zone Black#1f1f1f
- Flex Yellow#fff176
Створено 07/14/2025 08:03
Палітра містить світлий, темний кольори. Акцентні кольори Viewport Blue #7ec8e3 та Flex Yellow #fff176. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #1F1F1F (найтемніший) до #FEFEFE (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 3 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік теплого (2 із 6).
HEX-коди (відсортовано): #1F1F1F, #7D8597, #7EC8E3, #FEFEFE, #FFADAD, #FFF176
Палітра Multi-Device Responsive UI Scheme містить комбінацію з 6 кодів кольорів :
HEX: #7ec8e3, RGB: (126, 200, 227); HEX: #ffadad, RGB: (255, 173, 173); HEX: #fefefe, RGB: (254, 254, 254)
HEX: #7d8597, RGB: (125, 133, 151); HEX: #1f1f1f, RGB: (31, 31, 31); HEX: #fff176, RGB: (255, 241, 118)
Спрощений варіант палітри кольорів
Темний відтінок Небесно-блакитний, Темний відтінок Світло-рожевий, Темний відтінок Білий, Темний відтінок Світлий сланцево-сірий, Світлий відтінок Чорний, Світлий відтінок Хакі
Кольорова схема створена автором coolor
Коди кольорів у палітрі
Multi-Device Responsive UI Scheme коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #7ec8e3 | #7ec8e3 | RGB(126, 200, 227) | Viewport Blue | — |
| #ffadad | #ffadad | RGB(255, 173, 173) | Breakpoint Pink | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Touch White | White as Heaven |
| #7d8597 | #7d8597 | RGB(125, 133, 151) | Media Slate | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Safe Zone Black | Gray12 |
| #fff176 | #fff176 | RGB(255, 241, 118) | Flex Yellow | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#7ec8e3 | #ffadad | 1.05 |
#7ec8e3 | #fefefe | 1.84 |
#7ec8e3 | #7d8597 | 1.98 |
#7ec8e3 | #fff176 | 1.6 |
#ffadad | #fefefe | 1.75 |
#ffadad | #fff176 | 1.52 |
Палітра із зображення Multi-Device Responsive UI Scheme png
Експортувати палітру
Завантажте "Multi-Device Responsive UI Scheme" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: