Створено 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" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: