Створено 05/30/2025 09:22
Dream Bytefield
- Primary UI Lavender#aa99dd
- Secondary Cloud Cream#efe3c7
- Accent Map Green#b6d967
- Background Horizon Blue#d1d8e0
- Surface Platform Tan#ddd3c1
- Text Dialogue Black#202020
Палітра містить світлий, темний кольори. Акцентні кольори Primary UI Lavender #aa99dd та Accent Map Green #b6d967. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #202020 (найтемніший) до #EFE3C7 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #202020, #AA99DD, #B6D967, #D1D8E0, #DDD3C1, #EFE3C7
Палітра Dream Bytefield містить комбінацію з 6 кодів кольорів :
HEX: #aa99dd, RGB: (170, 153, 221); HEX: #efe3c7, RGB: (239, 227, 199); HEX: #b6d967, RGB: (182, 217, 103)
HEX: #d1d8e0, RGB: (209, 216, 224); HEX: #ddd3c1, RGB: (221, 211, 193); HEX: #202020, RGB: (32, 32, 32)
Спрощений варіант палітри кольорів
Відтінок plum, Відтінок papayawhip, Відтінок Жовтозелений, Відтінок lightgrey, Відтінок antiquewhite, Відтінок Чорний
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
Dream Bytefield коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #aa99dd | #aa99dd | RGB(170, 153, 221) | Primary UI Lavender | — |
| #efe3c7 | #efe3c7 | RGB(239, 227, 199) | Secondary Cloud Cream | — |
| #b6d967 | #b6d967 | RGB(182, 217, 103) | Accent Map Green | — |
| #d1d8e0 | #d1d8e0 | RGB(209, 216, 224) | Background Horizon Blue | — |
| #ddd3c1 | #ddd3c1 | RGB(221, 211, 193) | Surface Platform Tan | — |
| #202020 | #202020 | RGB(32, 32, 32) | Text Dialogue Black | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#aa99dd | #efe3c7 | 1.98 |
#aa99dd | #b6d967 | 1.57 |
#aa99dd | #d1d8e0 | 1.75 |
#aa99dd | #ddd3c1 | 1.7 |
#efe3c7 | #b6d967 | 1.25 |
#efe3c7 | #d1d8e0 | 1.12 |
Зображення палітри Dream Bytefield png
Експортувати палітру
Завантажте "Dream Bytefield" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: