Створено 08/25/2025 19:32
Figma Cognitive Flow Visualization KitKit
- Wireframe Sky#cde7ff
- Component Lilac#d6b6ff
- Interaction Coral#ff6b6b
- Feedback Mint#a7f3d0
- Overlay White#ffffff
- Shadow Slate#2c2e3e
- Highlight Gold#ffc857
Палітра містить світлий, темний кольори. Акцентні кольори Wireframe Sky #cde7ff та Highlight Gold #ffc857. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #2C2E3E (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #2C2E3E, #A7F3D0, #CDE7FF, #D6B6FF, #FF6B6B, #FFC857, #FFFFFF
Палітра Figma Cognitive Flow Visualization KitKit містить комбінацію з 7 кодів кольорів :
HEX: #cde7ff, RGB: (205, 231, 255); HEX: #d6b6ff, RGB: (214, 182, 255); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #a7f3d0, RGB: (167, 243, 208); HEX: #ffffff, RGB: (255, 255, 255); HEX: #2c2e3e, RGB: (44, 46, 62)
HEX: #ffc857, RGB: (255, 200, 87)
Спрощений варіант палітри кольорів
Відтінок lightblue, Відтінок plum, Відтінок salmon, Відтінок aquamarine, Білий, Відтінок Чорний, Відтінок gold
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Figma Cognitive Flow Visualization KitKit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #cde7ff | #cde7ff | RGB(205, 231, 255) | Wireframe Sky | — |
| #d6b6ff | #d6b6ff | RGB(214, 182, 255) | Component Lilac | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Interaction Coral | — |
| #a7f3d0 | #a7f3d0 | RGB(167, 243, 208) | Feedback Mint | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Overlay White | White |
| #2c2e3e | #2c2e3e | RGB(44, 46, 62) | Shadow Slate | — |
| #ffc857 | #ffc857 | RGB(255, 200, 87) | Highlight Gold | — |
Контраст палітри кольорів
12 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#cde7ff | #d6b6ff | 1.37 |
#cde7ff | #a7f3d0 | 1 |
#cde7ff | #ffffff | 1.27 |
#cde7ff | #ffc857 | 1.2 |
#d6b6ff | #ff6b6b | 1.58 |
#d6b6ff | #a7f3d0 | 1.36 |
Зображення палітри Figma Cognitive Flow Visualization KitKit png
Експортувати палітру
Завантажте "Figma Cognitive Flow Visualization KitKit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: