Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: