Створено 07/08/2025 08:21
Semantic UX Grid Flow
- Column Rose#ff7e79
- Row Sky#a0e8af
- Area Slate#474747
- Token White#ffffff
- Baseline Gray#d0d0d0
- Span Orange#f9a875
Палітра містить світлий кольори. Акцентні кольори Column Rose #ff7e79 та Row Sky #a0e8af. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #474747 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Відтінки широко розкидані по колі — різноманітна палітра (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #474747, #A0E8AF, #D0D0D0, #F9A875, #FF7E79, #FFFFFF
Палітра Semantic UX Grid Flow містить комбінацію з 6 кодів кольорів :
HEX: #ff7e79, RGB: (255, 126, 121); HEX: #a0e8af, RGB: (160, 232, 175); HEX: #474747, RGB: (71, 71, 71)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #d0d0d0, RGB: (208, 208, 208); HEX: #f9a875, RGB: (249, 168, 117)
Спрощений варіант палітри кольорів
Відтінок salmon, Відтінок lightgreen, Відтінок dimgrey, Білий, Відтінок lightgrey, Відтінок lightsalmon
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Semantic UX Grid Flow коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ff7e79 | #ff7e79 | RGB(255, 126, 121) | Column Rose | Salmon Sashimi |
| #a0e8af | #a0e8af | RGB(160, 232, 175) | Row Sky | — |
| #474747 | #474747 | RGB(71, 71, 71) | Area Slate | Gray28 |
| #ffffff | #ffffff | RGB(255, 255, 255) | Token White | White |
| #d0d0d0 | #d0d0d0 | RGB(208, 208, 208) | Baseline Gray | Ancestral Water |
| #f9a875 | #f9a875 | RGB(249, 168, 117) | Span Orange | — |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ff7e79 | #a0e8af | 1.72 |
#ff7e79 | #d0d0d0 | 1.59 |
#ff7e79 | #f9a875 | 1.27 |
#a0e8af | #ffffff | 1.43 |
#a0e8af | #d0d0d0 | 1.07 |
#a0e8af | #f9a875 | 1.34 |
Зображення палітри Semantic UX Grid Flow png
Експортувати палітру
Завантажте "Semantic UX Grid Flow" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: