Створено 07/16/2025 20:16
Accessible Design Language for AI Tools
- Clarity White#fcfcfc
- Contrast Navy#1e3a8a
- Highlight Lime#c0fdfb
- Accent Rose#fda4ba
- Text Black#111111
- Secondary Gray#9ca3af
- Tooltip Yellow#fff89a
Палітра містить світлий, темний кольори. Акцентні кольори Highlight Lime #c0fdfb та Tooltip Yellow #fff89a. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #111111 (найтемніший) до #FCFCFC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #111111, #1E3A8A, #9CA3AF, #C0FDFB, #FCFCFC, #FDA4BA, #FFF89A
Палітра Accessible Design Language for AI Tools містить комбінацію з 7 кодів кольорів :
HEX: #fcfcfc, RGB: (252, 252, 252); HEX: #1e3a8a, RGB: (30, 58, 138); HEX: #c0fdfb, RGB: (192, 253, 251)
HEX: #fda4ba, RGB: (253, 164, 186); HEX: #111111, RGB: (17, 17, 17); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #fff89a, RGB: (255, 248, 154)
Спрощений варіант палітри кольорів
Відтінок Білий, Відтінок darkslateblue, Відтінок paleturquoise, Відтінок lightpink, Відтінок Чорний, Відтінок darkgrey, Відтінок хакі
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
Accessible Design Language for AI Tools коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Clarity White | Gray99 |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Contrast Navy | — |
| #c0fdfb | #c0fdfb | RGB(192, 253, 251) | Highlight Lime | — |
| #fda4ba | #fda4ba | RGB(253, 164, 186) | Accent Rose | — |
| #111111 | #111111 | RGB(17, 17, 17) | Text Black | Dreamless Sleep |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Secondary Gray | — |
| #fff89a | #fff89a | RGB(255, 248, 154) | Tooltip Yellow | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fcfcfc | #c0fdfb | 1.09 |
#fcfcfc | #fda4ba | 1.82 |
#fcfcfc | #fff89a | 1.06 |
#1e3a8a | #111111 | 1.82 |
#c0fdfb | #fda4ba | 1.66 |
#c0fdfb | #fff89a | 1.02 |
Зображення палітри Accessible Design Language for AI Tools png
Експортувати палітру
Завантажте "Accessible Design Language for AI Tools" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: