Realtime UI Websocket Suite
- Stream Blue#3a86ff
- Packet Mint#aaffda
- Latency Gray#9e9e9e
- Push White#fbfbfb
- Buffer Violet#c084fc
- Sync Red#ef476f
Створено 07/28/2025 11:19
Палітра містить світлий кольори. Акцентні кольори Packet Mint #aaffda та Sync Red #ef476f. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #3A86FF (найтемніший) до #FBFBFB (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #3A86FF, #9E9E9E, #AAFFDA, #C084FC, #EF476F, #FBFBFB
Палітра Realtime UI Websocket Suite містить комбінацію з 6 кодів кольорів :
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #aaffda, RGB: (170, 255, 218); HEX: #9e9e9e, RGB: (158, 158, 158)
HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #c084fc, RGB: (192, 132, 252); HEX: #ef476f, RGB: (239, 71, 111)
Спрощений варіант палітри кольорів
Світлий відтінок Захисно-синій, Світлий відтінок Аквамариновий, Темний відтінок Темно-сірий, Темний відтінок Білий, Темний відтінок Фіалковий, Світлий відтінок Індійський червоний
Кольорова схема створена автором hex
Коди кольорів у палітрі
Realtime UI Websocket Suite коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Stream Blue | — |
| #aaffda | #aaffda | RGB(170, 255, 218) | Packet Mint | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Latency Gray | Gray62 |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Push White | Whiteout |
| #c084fc | #c084fc | RGB(192, 132, 252) | Buffer Violet | — |
| #ef476f | #ef476f | RGB(239, 71, 111) | Sync Red | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#3a86ff | #9e9e9e | 1.29 |
#3a86ff | #c084fc | 1.31 |
#3a86ff | #ef476f | 1.04 |
#aaffda | #fbfbfb | 1.12 |
#9e9e9e | #c084fc | 1.01 |
#9e9e9e | #ef476f | 1.35 |
Палітра із зображення Realtime UI Websocket Suite png
Експортувати палітру
Завантажте "Realtime UI Websocket Suite" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: