Создано 08/18/2025 08:35
UI Kit AI Accessibility Canvas
- Card White#ffffff
- Contrast Black#0f172a
- Focus Blue#2563eb
- Error Red#f43f5e
- Success Green#22c55e
- Neutral Gray#9ca3af
- Highlight Amber#fbbf24
Палитра содержит светлый, темный, полутемный цвета. Акцентные цвета Focus Blue #2563eb да Highlight Amber #fbbf24. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #0F172A (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #0F172A, #22C55E, #2563EB, #9CA3AF, #F43F5E, #FBBF24, #FFFFFF
Палитра UI Kit AI Accessibility Canvas содержит комбинацию из 7 кодов цветов:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #0f172a, RGB: (15, 23, 42); HEX: #2563eb, RGB: (37, 99, 235)
HEX: #f43f5e, RGB: (244, 63, 94); HEX: #22c55e, RGB: (34, 197, 94); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #fbbf24, RGB: (251, 191, 36)
Упрощенная версия цветов палитры
Белый, Тень Черный, Оттенок royalblue, Оттенок indianred, Оттенок limegreen, Оттенок darkgrey, Тень goldenrod
Цветовая схема создана автором colourlock
Коды цветов в палитре
UI Kit AI Accessibility Canvas коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #ffffff | #ffffff | RGB(255, 255, 255) | Card White | White |
| #0f172a | #0f172a | RGB(15, 23, 42) | Contrast Black | — |
| #2563eb | #2563eb | RGB(37, 99, 235) | Focus Blue | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Error Red | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Success Green | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Neutral Gray | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | Highlight Amber | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#ffffff | #fbbf24 | 1.66 |
#2563eb | #f43f5e | 1.4 |
#f43f5e | #22c55e | 1.61 |
#f43f5e | #9ca3af | 1.44 |
#22c55e | #9ca3af | 1.11 |
#22c55e | #fbbf24 | 1.36 |
Изображение палитры UI Kit AI Accessibility Canvas png
Экспорт палитры
Скачайте "UI Kit AI Accessibility Canvas" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: