Створено 07/14/2025 08:03
Reactive Data Grid Interface Kit
- Row Cream#fff6e0
- Cell Blue#50bfe6
- Filter Graphite#2f2f2f
- Header Rose#ffb3ab
- Sort Mint#c1fba4
- Grid White#fdfdfd
Палітра містить світлий, темний кольори. Акцентні кольори Row Cream #fff6e0 та Cell Blue #50bfe6. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #2F2F2F (найтемніший) до #FDFDFD (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #2F2F2F, #50BFE6, #C1FBA4, #FDFDFD, #FFB3AB, #FFF6E0
Палітра Reactive Data Grid Interface Kit містить комбінацію з 6 кодів кольорів :
HEX: #fff6e0, RGB: (255, 246, 224); HEX: #50bfe6, RGB: (80, 191, 230); HEX: #2f2f2f, RGB: (47, 47, 47)
HEX: #ffb3ab, RGB: (255, 179, 171); HEX: #c1fba4, RGB: (193, 251, 164); HEX: #fdfdfd, RGB: (253, 253, 253)
Спрощений варіант палітри кольорів
Відтінок cornsilk, Відтінок deepskyblue, Відтінок Чорний, Відтінок lightpink, Відтінок palegreen, Відтінок Білий
Кольорова схема створена автором hex
Коди кольорів у палітрі
Reactive Data Grid Interface Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fff6e0 | #fff6e0 | RGB(255, 246, 224) | Row Cream | — |
| #50bfe6 | #50bfe6 | RGB(80, 191, 230) | Cell Blue | — |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Filter Graphite | — |
| #ffb3ab | #ffb3ab | RGB(255, 179, 171) | Header Rose | — |
| #c1fba4 | #c1fba4 | RGB(193, 251, 164) | Sort Mint | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Grid White | Brilliance |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fff6e0 | #50bfe6 | 1.96 |
#fff6e0 | #ffb3ab | 1.58 |
#fff6e0 | #c1fba4 | 1.1 |
#fff6e0 | #fdfdfd | 1.05 |
#50bfe6 | #ffb3ab | 1.23 |
#50bfe6 | #c1fba4 | 1.77 |
Зображення палітри Reactive Data Grid Interface Kit png
Експортувати палітру
Завантажте "Reactive Data Grid Interface Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: