Loading...
Створено 05/30/2025 16:22
Bubble OS
- Primary Pastel Blue#b3d9ff
- Secondary Soft Shell#fff4f2
- Accent Blush Green#ceffd9
- Accent Cursor Pink#ffb8ce
- Background UI White#ffffff
- Surface Pale Aqua#e9fdf9
- Text Neutral Black#1c1c1c
Палітра містить світлий, темний кольори. Акцентні кольори Secondary Soft Shell #fff4f2 та Accent Blush Green #ceffd9. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #1C1C1C (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #1C1C1C, #B3D9FF, #CEFFD9, #E9FDF9, #FFB8CE, #FFF4F2, #FFFFFF
Палітра Bubble OS містить комбінацію з 7 кодів кольорів :
HEX: #b3d9ff, RGB: (179, 217, 255); HEX: #fff4f2, RGB: (255, 244, 242); HEX: #ceffd9, RGB: (206, 255, 217)
HEX: #ffb8ce, RGB: (255, 184, 206); HEX: #ffffff, RGB: (255, 255, 255); HEX: #e9fdf9, RGB: (233, 253, 249)
HEX: #1c1c1c, RGB: (28, 28, 28)
Спрощений варіант палітри кольорів
Відтінок lightskyblue, Відтінок snow, Відтінок aquamarine, Відтінок Рожевий, Білий, Відтінок azure, Відтінок Чорний
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
Bubble OS коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #b3d9ff | #b3d9ff | RGB(179, 217, 255) | Primary Pastel Blue | — |
| #fff4f2 | #fff4f2 | RGB(255, 244, 242) | Secondary Soft Shell | Pink Diminishing |
| #ceffd9 | #ceffd9 | RGB(206, 255, 217) | Accent Blush Green | — |
| #ffb8ce | #ffb8ce | RGB(255, 184, 206) | Accent Cursor Pink | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background UI White | White |
| #e9fdf9 | #e9fdf9 | RGB(233, 253, 249) | Surface Pale Aqua | — |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Text Neutral Black | Gray11 |
Контраст палітри кольорів
15 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#b3d9ff | #fff4f2 | 1.36 |
#b3d9ff | #ceffd9 | 1.32 |
#b3d9ff | #ffb8ce | 1.09 |
#b3d9ff | #ffffff | 1.46 |
#b3d9ff | #e9fdf9 | 1.39 |
#fff4f2 | #ceffd9 | 1.02 |
Зображення палітри Bubble OS png
Експортувати палітру
Завантажте "Bubble OS" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: