Mobile First CSS Framework Theme
- Layout Magenta#ef476f
- Responsive Teal#06d6a0
- Navbar Gold#ffd166
- Background Snow White#f8f9fa
- Icon Charcoal#343a40
- Container Sky Blue#118ab2
Создано 07/11/2025 09:39
Палитра содержит светлый, полутемный цвета. Акцентные цвета Responsive Teal #06d6a0 и Navbar Gold #ffd166. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.
По светлоте палитра тянется от #343A40 (самый тёмный) до #F8F9FA (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 67% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
Тёплые и холодные элементы довольно сбалансированы (2 тёплых, 2 холодных).
HEX-коды (по возрастанию): #06D6A0, #118AB2, #343A40, #EF476F, #F8F9FA, #FFD166
Палитра Mobile First CSS Framework Theme содержит комбинацию из 6 кодов цветов:
HEX: #ef476f, RGB: (239, 71, 111); HEX: #06d6a0, RGB: (6, 214, 160); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #343a40, RGB: (52, 58, 64); HEX: #118ab2, RGB: (17, 138, 178)
Упрощенная версия цветов палитры
Светлый оттенок Индийский красный, Тёмный оттенок Умеренный аквамариновый, Светлый оттенок Золотой, Светлый оттенок Дымчато-белый, Тёмный оттенок Тёмный аспидно-серый, Тёмный оттенок Стальной синий
Цветовая схема создана автором raccoon
Коды цветов в палитре
Mobile First CSS Framework Theme коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #ef476f | #ef476f | RGB(239, 71, 111) | Layout Magenta | — |
| #06d6a0 | #06d6a0 | RGB(6, 214, 160) | Responsive Teal | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Navbar Gold | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Background Snow White | — |
| #343a40 | #343a40 | RGB(52, 58, 64) | Icon Charcoal | — |
| #118ab2 | #118ab2 | RGB(17, 138, 178) | Container Sky Blue | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#ef476f | #06d6a0 | 1.91 |
#ef476f | #118ab2 | 1.09 |
#06d6a0 | #ffd166 | 1.3 |
#06d6a0 | #f8f9fa | 1.78 |
#ffd166 | #f8f9fa | 1.36 |
Палитра из изображения Mobile First CSS Framework Theme png
Экспорт палитры
Скачайте "Mobile First CSS Framework Theme" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: