Functional Reactive UX Schema
- Pipe Coral#ff6b6b
- Signal Cream#fff8e7
- Stream Graphite#3b3b3b
- Map Teal#4de1c1
- Flat Blue#80b1f7
- Fold White#f5f5f5
Створено 07/28/2025 11:20
Палітра містить світлий, напівтемний кольори. Акцентні кольори Signal Cream #fff8e7 та Flat Blue #80b1f7. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #3B3B3B (найтемніший) до #FFF8E7 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (2 із 6).
HEX-коди (відсортовано): #3B3B3B, #4DE1C1, #80B1F7, #F5F5F5, #FF6B6B, #FFF8E7
Палітра Functional Reactive UX Schema містить комбінацію з 6 кодів кольорів :
HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #fff8e7, RGB: (255, 248, 231); HEX: #3b3b3b, RGB: (59, 59, 59)
HEX: #4de1c1, RGB: (77, 225, 193); HEX: #80b1f7, RGB: (128, 177, 247); HEX: #f5f5f5, RGB: (245, 245, 245)
Спрощений варіант палітри кольорів
Темний відтінок Лососевий, Світлий відтінок Старе мереживо, Темний відтінок Темний сланцево-сірий, Світлий відтінок Бірюзовий, Світлий відтінок Волошковий, Димчасто-білий
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Functional Reactive UX Schema коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Pipe Coral | — |
| #fff8e7 | #fff8e7 | RGB(255, 248, 231) | Signal Cream | Cosmic Latte |
| #3b3b3b | #3b3b3b | RGB(59, 59, 59) | Stream Graphite | Gray23 |
| #4de1c1 | #4de1c1 | RGB(77, 225, 193) | Map Teal | — |
| #80b1f7 | #80b1f7 | RGB(128, 177, 247) | Flat Blue | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Fold White | Whitesmoke |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ff6b6b | #4de1c1 | 1.69 |
#ff6b6b | #80b1f7 | 1.26 |
#fff8e7 | #4de1c1 | 1.54 |
#fff8e7 | #f5f5f5 | 1.02 |
#4de1c1 | #80b1f7 | 1.34 |
#4de1c1 | #f5f5f5 | 1.49 |
Палітра із зображення Functional Reactive UX Schema png
Експортувати палітру
Завантажте "Functional Reactive UX Schema" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: