Створено 08/13/2025 05:50
React Quantum Accessibility Kit
Virtual Blue
#3b82f6
Atomic Lemon
#ffee32
NodeJS Green
#68a063
Server Grey
#b0bec5
Debug Black
#0f0f0f
Canvas White
#fafafa
Hover Magenta
#e254ff
Focus Orange
#ff8c42
Error Red
#d7263d
Палітра містить світлий, темний кольори. Акцентні кольори Atomic Lemon #ffee32 та Hover Magenta #e254ff. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
Палітра React Quantum Accessibility Kit містить комбінацію з 9 кодів кольорів :
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #ffee32, RGB: (255, 238, 50); HEX: #68a063, RGB: (104, 160, 99)
HEX: #b0bec5, RGB: (176, 190, 197); HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #e254ff, RGB: (226, 84, 255); HEX: #ff8c42, RGB: (255, 140, 66); HEX: #d7263d, RGB: (215, 38, 61)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок Жовтий, Відтінок mediumseagreen, Відтінок Срібний, Відтінок Чорний, Відтінок whitesmoke, Відтінок пурпуровий, Відтінок darkorange, Відтінок crimson
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
React Quantum Accessibility Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Virtual Blue | — |
| #ffee32 | #ffee32 | RGB(255, 238, 50) | Atomic Lemon | — |
| #68a063 | #68a063 | RGB(104, 160, 99) | NodeJS Green | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Server Grey | Ocean Drive |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Debug Black | Chaos Black |
| #fafafa | #fafafa | RGB(250, 250, 250) | Canvas White | Dr. White |
| #e254ff | #e254ff | RGB(226, 84, 255) | Hover Magenta | — |
| #ff8c42 | #ff8c42 | RGB(255, 140, 66) | Focus Orange | — |
| #d7263d | #d7263d | RGB(215, 38, 61) | Error Red | — |
Контраст палітри кольорів
17 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3b82f6 | #68a063 | 1.19 |
#3b82f6 | #b0bec5 | 1.92 |
#3b82f6 | #e254ff | 1.21 |
#3b82f6 | #ff8c42 | 1.59 |
#3b82f6 | #d7263d | 1.34 |
#ffee32 | #b0bec5 | 1.59 |
