Створено 05/30/2025 16:06
Cloudbar Lite
- Primary UI Blueberry#b2d7ff
- Secondary Cream White#fffdf7
- Accent Input Rose#ffd9d9
- Accent Hover Mint#dbffec
- Surface Card Gray#f2f2f2
- Text Dock Black#2b2b2b
Палітра містить світлий, темний кольори. Акцентні кольори Primary UI Blueberry #b2d7ff та Secondary Cream White #fffdf7. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #2B2B2B (найтемніший) до #FFFDF7 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #2B2B2B, #B2D7FF, #DBFFEC, #F2F2F2, #FFD9D9, #FFFDF7
Палітра Cloudbar Lite містить комбінацію з 6 кодів кольорів :
HEX: #b2d7ff, RGB: (178, 215, 255); HEX: #fffdf7, RGB: (255, 253, 247); HEX: #ffd9d9, RGB: (255, 217, 217)
HEX: #dbffec, RGB: (219, 255, 236); HEX: #f2f2f2, RGB: (242, 242, 242); HEX: #2b2b2b, RGB: (43, 43, 43)
Спрощений варіант палітри кольорів
Відтінок lightsteelblue, Відтінок floralwhite, Відтінок mistyrose, Відтінок honeydew, Відтінок whitesmoke, Відтінок Чорний
Кольорова схема створена автором hex
Коди кольорів у палітрі
Cloudbar Lite коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #b2d7ff | #b2d7ff | RGB(178, 215, 255) | Primary UI Blueberry | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Secondary Cream White | — |
| #ffd9d9 | #ffd9d9 | RGB(255, 217, 217) | Accent Input Rose | — |
| #dbffec | #dbffec | RGB(219, 255, 236) | Accent Hover Mint | — |
| #f2f2f2 | #f2f2f2 | RGB(242, 242, 242) | Surface Card Gray | Gray95 |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Text Dock Black | Shoe Wax |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#b2d7ff | #fffdf7 | 1.46 |
#b2d7ff | #ffd9d9 | 1.15 |
#b2d7ff | #dbffec | 1.38 |
#b2d7ff | #f2f2f2 | 1.33 |
#fffdf7 | #ffd9d9 | 1.27 |
#fffdf7 | #dbffec | 1.05 |
Зображення палітри Cloudbar Lite png
Експортувати палітру
Завантажте "Cloudbar Lite" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: