Створено 06/02/2025 10:15
Bubbleframe Office UI
- Eggshell Base#fdfcfb
- Rose Tint#ffdde8
- Aqua Label#c6f3f5
- Dashboard Grape#e1d2ff
- UI Cream Lemon#fff5c1
- Footer Graphite#4b4b4b
Палітра містить світлий кольори. Акцентні кольори Dashboard Grape #e1d2ff та UI Cream Lemon #fff5c1. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #4B4B4B (найтемніший) до #FDFCFB (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #4B4B4B, #C6F3F5, #E1D2FF, #FDFCFB, #FFDDE8, #FFF5C1
Палітра Bubbleframe Office UI містить комбінацію з 6 кодів кольорів :
HEX: #fdfcfb, RGB: (253, 252, 251); HEX: #ffdde8, RGB: (255, 221, 232); HEX: #c6f3f5, RGB: (198, 243, 245)
HEX: #e1d2ff, RGB: (225, 210, 255); HEX: #fff5c1, RGB: (255, 245, 193); HEX: #4b4b4b, RGB: (75, 75, 75)
Спрощений варіант палітри кольорів
Відтінок Білий, Відтінок mistyrose, Відтінок paleturquoise, Відтінок thistle, Відтінок lemonchiffon, Відтінок dimgrey
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Bubbleframe Office UI коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fdfcfb | #fdfcfb | RGB(253, 252, 251) | Eggshell Base | — |
| #ffdde8 | #ffdde8 | RGB(255, 221, 232) | Rose Tint | — |
| #c6f3f5 | #c6f3f5 | RGB(198, 243, 245) | Aqua Label | — |
| #e1d2ff | #e1d2ff | RGB(225, 210, 255) | Dashboard Grape | — |
| #fff5c1 | #fff5c1 | RGB(255, 245, 193) | UI Cream Lemon | — |
| #4b4b4b | #4b4b4b | RGB(75, 75, 75) | Footer Graphite | Shadowed Steel |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fdfcfb | #ffdde8 | 1.22 |
#fdfcfb | #c6f3f5 | 1.16 |
#fdfcfb | #e1d2ff | 1.37 |
#fdfcfb | #fff5c1 | 1.07 |
#ffdde8 | #c6f3f5 | 1.04 |
#ffdde8 | #e1d2ff | 1.12 |
Зображення палітри Bubbleframe Office UI png
Експортувати палітру
Завантажте "Bubbleframe Office UI" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: