Создано 07/04/2025 20:11
Accessibility First UX Suite
- Readable Navy#1a1a40
- Contrast White#ffffff
- Tab Order Teal#4dc9b0
- Focus Ring Orange#ff914d
- Keyboard Gray#828282
- Semantic Purple#6d5acf
Палитра содержит темный, светлый цвета. Акцентные цвета Focus Ring Orange #ff914d да Semantic Purple #6d5acf. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #1A1A40 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Оттенки широко разбросаны по кругу — разнообразная палитра (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #1A1A40, #4DC9B0, #6D5ACF, #828282, #FF914D, #FFFFFF
Палитра Accessibility First UX Suite содержит комбинацию из 6 кодов цветов:
HEX: #1a1a40, RGB: (26, 26, 64); HEX: #ffffff, RGB: (255, 255, 255); HEX: #4dc9b0, RGB: (77, 201, 176)
HEX: #ff914d, RGB: (255, 145, 77); HEX: #828282, RGB: (130, 130, 130); HEX: #6d5acf, RGB: (109, 90, 207)
Упрощенная версия цветов палитры
Оттенок midnightblue, Белый, Оттенок mediumaquamarine, Оттенок sandybrown, Тень Серый, Тень slateblue
Цветовая схема создана автором colorstudio
Коды цветов в палитре
Accessibility First UX Suite коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #1a1a40 | #1a1a40 | RGB(26, 26, 64) | Readable Navy | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Contrast White | White |
| #4dc9b0 | #4dc9b0 | RGB(77, 201, 176) | Tab Order Teal | — |
| #ff914d | #ff914d | RGB(255, 145, 77) | Focus Ring Orange | — |
| #828282 | #828282 | RGB(130, 130, 130) | Keyboard Gray | Gray51 |
| #6d5acf | #6d5acf | RGB(109, 90, 207) | Semantic Purple | Astro Purple |
Контраст палитры цветов
4 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#4dc9b0 | #ff914d | 1.09 |
#4dc9b0 | #828282 | 1.88 |
#ff914d | #828282 | 1.72 |
#828282 | #6d5acf | 1.36 |
Изображение палитры Accessibility First UX Suite png
Экспорт палитры
Скачайте "Accessibility First UX Suite" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: