Створено 07/13/2025 09:23
React Native Control Hub
- Framework Cream#faf3e3
- React Signal Blue#61dafb
- Dark Grid#212121
- Toast Coral#ff6f61
- Input Nardo Grey#999999
- Status Aqua#7fdbff
Палітра містить світлий, темний кольори. Акцентні кольори Toast Coral #ff6f61 та Status Aqua #7fdbff. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #212121 (найтемніший) до #FAF3E3 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #212121, #61DAFB, #7FDBFF, #999999, #FAF3E3, #FF6F61
Палітра React Native Control Hub містить комбінацію з 6 кодів кольорів :
HEX: #faf3e3, RGB: (250, 243, 227); HEX: #61dafb, RGB: (97, 218, 251); HEX: #212121, RGB: (33, 33, 33)
HEX: #ff6f61, RGB: (255, 111, 97); HEX: #999999, RGB: (153, 153, 153); HEX: #7fdbff, RGB: (127, 219, 255)
Спрощений варіант палітри кольорів
Відтінок oldlace, Відтінок skyblue, Відтінок Чорний, Відтінок salmon, Відтінок darkgrey, Відтінок skyblue
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
React Native Control Hub коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #faf3e3 | #faf3e3 | RGB(250, 243, 227) | Framework Cream | — |
| #61dafb | #61dafb | RGB(97, 218, 251) | React Signal Blue | — |
| #212121 | #212121 | RGB(33, 33, 33) | Dark Grid | Lead |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Toast Coral | Living Coral |
| #999999 | #999999 | RGB(153, 153, 153) | Input Nardo Grey | Basalt Grey |
| #7fdbff | #7fdbff | RGB(127, 219, 255) | Status Aqua | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#faf3e3 | #61dafb | 1.46 |
#faf3e3 | #7fdbff | 1.4 |
#61dafb | #ff6f61 | 1.67 |
#61dafb | #999999 | 1.75 |
#61dafb | #7fdbff | 1.04 |
#ff6f61 | #999999 | 1.04 |
Зображення палітри React Native Control Hub png
Експортувати палітру
Завантажте "React Native Control Hub" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: