Створено 08/21/2025 11:36
UI Accessibility Semantic Aurora
- Contrast Yellow#ffeb3b
- Highlight Blue#00bcd4
- Anchor Teal#26c6da
- Background White#ffffff
- Overlay Black#000000
- Focus Coral#ff7043
Палітра містить світлий, темний кольори. Акцентні кольори Contrast Yellow #ffeb3b та Highlight Blue #00bcd4. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #000000 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #000000, #00BCD4, #26C6DA, #FF7043, #FFEB3B, #FFFFFF
Палітра UI Accessibility Semantic Aurora містить комбінацію з 6 кодів кольорів :
HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #00bcd4, RGB: (0, 188, 212); HEX: #26c6da, RGB: (38, 198, 218)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #000000, RGB: (0, 0, 0); HEX: #ff7043, RGB: (255, 112, 67)
Спрощений варіант палітри кольорів
Відтінок Жовтий, Відтінок darkturquoise, Відтінок darkturquoise, Білий, Чорний, Відтінок coral
Кольорова схема створена автором coolor
Коди кольорів у палітрі
UI Accessibility Semantic Aurora коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Contrast Yellow | — |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Highlight Blue | — |
| #26c6da | #26c6da | RGB(38, 198, 218) | Anchor Teal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #000000 | #000000 | RGB(0, 0, 0) | Overlay Black | Black |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Focus Coral | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffeb3b | #00bcd4 | 1.88 |
#ffeb3b | #26c6da | 1.69 |
#ffeb3b | #ffffff | 1.22 |
#00bcd4 | #26c6da | 1.11 |
#00bcd4 | #ff7043 | 1.19 |
#26c6da | #ff7043 | 1.32 |
Зображення палітри UI Accessibility Semantic Aurora png
Експортувати палітру
Завантажте "UI Accessibility Semantic Aurora" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: