Створено 06/12/2025 08:42
Accessible UX Microcopy Pack
- Title Navy#1e293b
- Subtitle Pink#fbcfe8
- Helper Sky#bae6fd
- Tooltip Ivory#fffbf0
- Callout Mint#a7f3d0
- Label Charcoal#2c2c2c
Палітра містить темний, світлий кольори. Акцентні кольори Helper Sky #bae6fd та Tooltip Ivory #fffbf0. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #2C2C2C (найтемніший) до #FFFBF0 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1E293B, #2C2C2C, #A7F3D0, #BAE6FD, #FBCFE8, #FFFBF0
Палітра Accessible UX Microcopy Pack містить комбінацію з 6 кодів кольорів :
HEX: #1e293b, RGB: (30, 41, 59); HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #bae6fd, RGB: (186, 230, 253)
HEX: #fffbf0, RGB: (255, 251, 240); HEX: #a7f3d0, RGB: (167, 243, 208); HEX: #2c2c2c, RGB: (44, 44, 44)
Спрощений варіант палітри кольорів
Відтінок midnightblue, Відтінок thistle, Відтінок lightblue, Відтінок floralwhite, Відтінок aquamarine, Відтінок Чорний
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Accessible UX Microcopy Pack коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #1e293b | #1e293b | RGB(30, 41, 59) | Title Navy | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Subtitle Pink | — |
| #bae6fd | #bae6fd | RGB(186, 230, 253) | Helper Sky | — |
| #fffbf0 | #fffbf0 | RGB(255, 251, 240) | Tooltip Ivory | Vanilla Shake |
| #a7f3d0 | #a7f3d0 | RGB(167, 243, 208) | Callout Mint | — |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Label Charcoal | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#1e293b | #2c2c2c | 1.04 |
#fbcfe8 | #bae6fd | 1.04 |
#fbcfe8 | #fffbf0 | 1.33 |
#fbcfe8 | #a7f3d0 | 1.07 |
#bae6fd | #fffbf0 | 1.28 |
#bae6fd | #a7f3d0 | 1.03 |
Зображення палітри Accessible UX Microcopy Pack png
Експортувати палітру
Завантажте "Accessible UX Microcopy Pack" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: