Створено 06/14/2025 19:37
Accessibility-First Design Tokens
Contrast Navy
#1e293b
Readability Cream
#fffcf2
Link Cyan
#06aed5
Error Red
#dc2626
Focus Halo
#d9f99d
Disabled Grey
#9ca3af
Палітра містить темний, світлий кольори. Акцентні кольори Readability Cream #fffcf2 та Link Cyan #06aed5. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
Палітра Accessibility-First Design Tokens містить комбінацію з 6 кодів кольорів :
HEX: #1e293b, RGB: (30, 41, 59); HEX: #fffcf2, RGB: (255, 252, 242); HEX: #06aed5, RGB: (6, 174, 213)
HEX: #dc2626, RGB: (220, 38, 38); HEX: #d9f99d, RGB: (217, 249, 157); HEX: #9ca3af, RGB: (156, 163, 175)
Спрощений варіант палітри кольорів
Відтінок midnightblue, Відтінок floralwhite, Відтінок deepskyblue, Відтінок crimson, Відтінок palegreen, Відтінок darkgrey
Кольорова схема створена автором coolor
Коди кольорів у палітрі
Accessibility-First Design Tokens коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #1e293b | #1e293b | RGB(30, 41, 59) | Contrast Navy | — |
| #fffcf2 | #fffcf2 | RGB(255, 252, 242) | Readability Cream | — |
| #06aed5 | #06aed5 | RGB(6, 174, 213) | Link Cyan | — |
| #dc2626 | #dc2626 | RGB(220, 38, 38) | Error Red | — |
| #d9f99d | #d9f99d | RGB(217, 249, 157) | Focus Halo | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Disabled Grey | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fffcf2 | #d9f99d | 1.13 |
#06aed5 | #dc2626 | 1.84 |
#06aed5 | #9ca3af | 1.03 |
#dc2626 | #9ca3af | 1.9 |
