Создано 08/02/2025 10:01
Accessible Neural Theme Builder
- Cortex Cream#fff5eb
- Interaction Blue#4c8bf5
- Visual Grey#a8a8a8
- Neural Ink Black#121212
- Heatmap Orange#ff9e00
- Attention Light Yellow#fff9b0
Палитра содержит светлый, темный цвета. Акцентные цвета Cortex Cream #fff5eb да Interaction Blue #4c8bf5. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #121212 (самый тёмный) до #FFF5EB (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону тёплого.
HEX-коды (по возрастанию): #121212, #4C8BF5, #A8A8A8, #FF9E00, #FFF5EB, #FFF9B0
Палитра Accessible Neural Theme Builder содержит комбинацию из 6 кодов цветов:
HEX: #fff5eb, RGB: (255, 245, 235); HEX: #4c8bf5, RGB: (76, 139, 245); HEX: #a8a8a8, RGB: (168, 168, 168)
HEX: #121212, RGB: (18, 18, 18); HEX: #ff9e00, RGB: (255, 158, 0); HEX: #fff9b0, RGB: (255, 249, 176)
Упрощенная версия цветов палитры
Тень linen, Оттенок cornflowerblue, Оттенок darkgrey, Тень Черный, Оттенок Оранжевый, Тень palegoldenrod
Цветовая схема создана автором raccoon
Коды цветов в палитре
Accessible Neural Theme Builder коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #fff5eb | #fff5eb | RGB(255, 245, 235) | Cortex Cream | — |
| #4c8bf5 | #4c8bf5 | RGB(76, 139, 245) | Interaction Blue | — |
| #a8a8a8 | #a8a8a8 | RGB(168, 168, 168) | Visual Grey | Uniform Grey |
| #121212 | #121212 | RGB(18, 18, 18) | Neural Ink Black | Dark Tone Ink |
| #ff9e00 | #ff9e00 | RGB(255, 158, 0) | Heatmap Orange | — |
| #fff9b0 | #fff9b0 | RGB(255, 249, 176) | Attention Light Yellow | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#fff5eb | #ff9e00 | 1.92 |
#fff5eb | #fff9b0 | 1 |
#4c8bf5 | #a8a8a8 | 1.39 |
#4c8bf5 | #ff9e00 | 1.6 |
#a8a8a8 | #ff9e00 | 1.14 |
#ff9e00 | #fff9b0 | 1.91 |
Изображение палитры Accessible Neural Theme Builder png
Экспорт палитры
Скачайте "Accessible Neural Theme Builder" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: