Smart UI Accessibility Tokens
- Readable Indigo#6366f1
- Focus Cream#fef9c3
- Hint Blue#3b82f6
- Label Rose#fbcfe8
- Error Black#0f172a
- Toggle Gray#9ca3af
- Hover Gold#facc15
Создано 06/26/2025 08:37
Палитра содержит светлый, темный цвета. Акцентные цвета Focus Cream #fef9c3 и Hint Blue #3b82f6. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #0F172A (самый тёмный) до #FEF9C3 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 71% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
Тёплые и холодные элементы довольно сбалансированы (3 тёплых, 3 холодных).
HEX-коды (по возрастанию): #0F172A, #3B82F6, #6366F1, #9CA3AF, #FACC15, #FBCFE8, #FEF9C3
Палитра Smart UI Accessibility Tokens содержит комбинацию из 7 кодов цветов:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #0f172a, RGB: (15, 23, 42); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #facc15, RGB: (250, 204, 21)
Упрощенная версия цветов палитры
Тёмный оттенок Умеренный аспидно-синий, Тёмный оттенок Лимонный шифон, Тёмный оттенок Защитно-синий, Светлый оттенок Чертополох, Светлый оттенок Черный, Тёмный оттенок Тёмно-серый, Тёмный оттенок Золотой
Цветовая схема создана автором colorstudio
Коды цветов в палитре
Smart UI Accessibility Tokens коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Readable Indigo | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Focus Cream | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Hint Blue | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Label Rose | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Error Black | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Toggle Gray | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Hover Gold | — |
Контраст палитры цветов
8 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#6366f1 | #3b82f6 | 1.21 |
#6366f1 | #9ca3af | 1.75 |
#fef9c3 | #fbcfe8 | 1.28 |
#fef9c3 | #facc15 | 1.42 |
#3b82f6 | #9ca3af | 1.44 |
#fbcfe8 | #9ca3af | 1.83 |
Палитра из изображения Smart UI Accessibility Tokens png
Экспорт палитры
Скачайте "Smart UI Accessibility Tokens" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: