Генератор палітр
  1. Палітри кольорів
  2. Mobile First CSS Framework Theme

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
  1
Створено 07/11/2025 09:39
авторraccoon
Палітра містить світлий, напівтемний кольори. Акцентні кольори 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 палітра кольорів: Layout Magenta, Responsive Teal, Navbar Gold, Background Snow White
 Завантажити зображення