Cloud-Based App Design System
- Deploy Aqua#7ce0d3
- Auth Navy#24305e
- Widget Cream#fffdf5
- Latency Coral#ff8a80
- Data Grid Gray#bfc3c6
- Elastic Pink#fdc5e8
Створено 06/20/2025 07:32
Палітра містить світлий, темний кольори. Акцентні кольори Deploy Aqua #7ce0d3 та Widget Cream #fffdf5. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #24305E (найтемніший) до #FFFDF5 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Теплі й холодні зразки доволі збалансовані (2 теплих, 2 холодних).
HEX-коди (відсортовано): #24305E, #7CE0D3, #BFC3C6, #FDC5E8, #FF8A80, #FFFDF5
Палітра Cloud-Based App Design System містить комбінацію з 6 кодів кольорів :
HEX: #7ce0d3, RGB: (124, 224, 211); HEX: #24305e, RGB: (36, 48, 94); HEX: #fffdf5, RGB: (255, 253, 245)
HEX: #ff8a80, RGB: (255, 138, 128); HEX: #bfc3c6, RGB: (191, 195, 198); HEX: #fdc5e8, RGB: (253, 197, 232)
Спрощений варіант палітри кольорів
Світлий відтінок Бірюзовий, Світлий відтінок Опівнічно-синій, Світлий відтінок Квітково-білий, Світлий відтінок Лососевий, Світлий відтінок Срібний, Світлий відтінок Будяк
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Cloud-Based App Design System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #7ce0d3 | #7ce0d3 | RGB(124, 224, 211) | Deploy Aqua | — |
| #24305e | #24305e | RGB(36, 48, 94) | Auth Navy | — |
| #fffdf5 | #fffdf5 | RGB(255, 253, 245) | Widget Cream | — |
| #ff8a80 | #ff8a80 | RGB(255, 138, 128) | Latency Coral | — |
| #bfc3c6 | #bfc3c6 | RGB(191, 195, 198) | Data Grid Gray | — |
| #fdc5e8 | #fdc5e8 | RGB(253, 197, 232) | Elastic Pink | — |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#7ce0d3 | #fffdf5 | 1.53 |
#7ce0d3 | #ff8a80 | 1.46 |
#7ce0d3 | #bfc3c6 | 1.13 |
#7ce0d3 | #fdc5e8 | 1.06 |
#fffdf5 | #bfc3c6 | 1.74 |
#fffdf5 | #fdc5e8 | 1.43 |
Палітра із зображення Cloud-Based App Design System png
Експортувати палітру
Завантажте "Cloud-Based App Design System" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: