Colorbeam Layout Studio
- Primary Banner Peach#ffd8bc
- Secondary Soft App Blue#d5f0ff
- Accent Mist Mint#d7fff1
- Accent Label Rose#ffc1d9
- Surface Clean UI#ffffff
- Text App Charcoal#222222
Створено 05/30/2025 20:00
Палітра містить світлий, темний кольори. Акцентні кольори Primary Banner Peach #ffd8bc та Accent Mist Mint #d7fff1. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #222222 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Теплі й холодні зразки доволі збалансовані (2 теплих, 2 холодних).
HEX-коди (відсортовано): #222222, #D5F0FF, #D7FFF1, #FFC1D9, #FFD8BC, #FFFFFF
Палітра Colorbeam Layout Studio містить комбінацію з 6 кодів кольорів :
HEX: #ffd8bc, RGB: (255, 216, 188); HEX: #d5f0ff, RGB: (213, 240, 255); HEX: #d7fff1, RGB: (215, 255, 241)
HEX: #ffc1d9, RGB: (255, 193, 217); HEX: #ffffff, RGB: (255, 255, 255); HEX: #222222, RGB: (34, 34, 34)
Спрощений варіант палітри кольорів
Темний відтінок Персиковий, Темний відтінок Лазуровий, Темний відтінок Світлий ціан, Світлий відтінок Рожевий, Білий, Світлий відтінок Чорний
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Colorbeam Layout Studio коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #ffd8bc | #ffd8bc | RGB(255, 216, 188) | Primary Banner Peach | — |
| #d5f0ff | #d5f0ff | RGB(213, 240, 255) | Secondary Soft App Blue | — |
| #d7fff1 | #d7fff1 | RGB(215, 255, 241) | Accent Mist Mint | — |
| #ffc1d9 | #ffc1d9 | RGB(255, 193, 217) | Accent Label Rose | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface Clean UI | White |
| #222222 | #222222 | RGB(34, 34, 34) | Text App Charcoal | Black Out |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ffd8bc | #d5f0ff | 1.12 |
#ffd8bc | #d7fff1 | 1.23 |
#ffd8bc | #ffc1d9 | 1.13 |
#ffd8bc | #ffffff | 1.32 |
#d5f0ff | #d7fff1 | 1.09 |
#d5f0ff | #ffc1d9 | 1.27 |
Палітра із зображення Colorbeam Layout Studio png
Експортувати палітру
Завантажте "Colorbeam Layout Studio" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: