Cognitive Web App UI Patterns
- Semantic Cream#fff8e7
- Neural Ink#1c1c1e
- Cognition Sky#b3e5fc
- Memory Violet#c9a0dc
- Recognition Green#a2f4c3
- Component Charcoal#2f2f2f
Створено 07/05/2025 13:08
Палітра містить світлий, темний кольори. Акцентні кольори Semantic Cream #fff8e7 та Cognition Sky #b3e5fc. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #1C1C1E (найтемніший) до #FFF8E7 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #1C1C1E, #2F2F2F, #A2F4C3, #B3E5FC, #C9A0DC, #FFF8E7
Палітра Cognitive Web App UI Patterns містить комбінацію з 6 кодів кольорів :
HEX: #fff8e7, RGB: (255, 248, 231); HEX: #1c1c1e, RGB: (28, 28, 30); HEX: #b3e5fc, RGB: (179, 229, 252)
HEX: #c9a0dc, RGB: (201, 160, 220); HEX: #a2f4c3, RGB: (162, 244, 195); HEX: #2f2f2f, RGB: (47, 47, 47)
Спрощений варіант палітри кольорів
Світлий відтінок Старе мереживо, Світлий відтінок Чорний, Світлий відтінок Світло-блакитний, Темний відтінок Сливовий, Світлий відтінок Аквамариновий, Світлий відтінок Чорний
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Cognitive Web App UI Patterns коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #fff8e7 | #fff8e7 | RGB(255, 248, 231) | Semantic Cream | Cosmic Latte |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Neural Ink | — |
| #b3e5fc | #b3e5fc | RGB(179, 229, 252) | Cognition Sky | — |
| #c9a0dc | #c9a0dc | RGB(201, 160, 220) | Memory Violet | Autumn Wisteria |
| #a2f4c3 | #a2f4c3 | RGB(162, 244, 195) | Recognition Green | — |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Component Charcoal | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#fff8e7 | #b3e5fc | 1.27 |
#fff8e7 | #a2f4c3 | 1.21 |
#1c1c1e | #2f2f2f | 1.27 |
#b3e5fc | #c9a0dc | 1.62 |
#b3e5fc | #a2f4c3 | 1.04 |
#c9a0dc | #a2f4c3 | 1.7 |
Палітра із зображення Cognitive Web App UI Patterns png
Експортувати палітру
Завантажте "Cognitive Web App UI Patterns" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: