Loading...
Створено 07/04/2025 09:52
Design System Color AI Tool
- Swatch Yellow#ffe55d
- Token Teal#32d9c0
- System Surface#fcfcfc
- Interaction Ink#0c0c0c
- Guideline Gray#bebebe
- Status Blue#4c8eff
- Error Red#e34c4c
Палітра містить світлий, темний кольори. Акцентні кольори Swatch Yellow #ffe55d та Status Blue #4c8eff. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #0C0C0C (найтемніший) до #FCFCFC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #0C0C0C, #32D9C0, #4C8EFF, #BEBEBE, #E34C4C, #FCFCFC, #FFE55D
Палітра Design System Color AI Tool містить комбінацію з 7 кодів кольорів :
HEX: #ffe55d, RGB: (255, 229, 93); HEX: #32d9c0, RGB: (50, 217, 192); HEX: #fcfcfc, RGB: (252, 252, 252)
HEX: #0c0c0c, RGB: (12, 12, 12); HEX: #bebebe, RGB: (190, 190, 190); HEX: #4c8eff, RGB: (76, 142, 255)
HEX: #e34c4c, RGB: (227, 76, 76)
Спрощений варіант палітри кольорів
Відтінок gold, Відтінок turquoise, Відтінок Білий, Відтінок Чорний, Відтінок Срібний, Відтінок cornflowerblue, Відтінок indianred
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Design System Color AI Tool коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffe55d | #ffe55d | RGB(255, 229, 93) | Swatch Yellow | — |
| #32d9c0 | #32d9c0 | RGB(50, 217, 192) | Token Teal | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | System Surface | Gray99 |
| #0c0c0c | #0c0c0c | RGB(12, 12, 12) | Interaction Ink | Black Wash |
| #bebebe | #bebebe | RGB(190, 190, 190) | Guideline Gray | Tin Soldier |
| #4c8eff | #4c8eff | RGB(76, 142, 255) | Status Blue | — |
| #e34c4c | #e34c4c | RGB(227, 76, 76) | Error Red | — |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffe55d | #32d9c0 | 1.4 |
#ffe55d | #fcfcfc | 1.23 |
#ffe55d | #bebebe | 1.47 |
#32d9c0 | #fcfcfc | 1.73 |
#32d9c0 | #bebebe | 1.04 |
#32d9c0 | #4c8eff | 1.78 |
Зображення палітри Design System Color AI Tool png
Експортувати палітру
Завантажте "Design System Color AI Tool" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: