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
Utworzono 07/11/2025 09:39
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Responsive Teal #06d6a0 i Navbar Gold #ffd166. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #343A40 (najciemniejszy) do #F8F9FA (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 67% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ciepłe i zimne próbki są dość zrównoważone (2 ciepłych, 2 zimnych).
Kody HEX (posortowane): #06D6A0, #118AB2, #343A40, #EF476F, #F8F9FA, #FFD166
Paleta Mobile First CSS Framework Theme łączy 6 kodów kolorów:
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)
Uproszczona wersja palety kolorów
Jasny odcień Indyjska czerwień, Ciemny odcień Średnia akwamaryna, Jasny odcień Złoty, Jasny odcień Biały dym, Ciemny odcień Ciemny łupkowy szary, Ciemny odcień Stalowy niebieski
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
Mobile First CSS Framework Theme kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #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 | — |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#ef476f | #06d6a0 | 1.91 |
#ef476f | #118ab2 | 1.09 |
#06d6a0 | #ffd166 | 1.3 |
#06d6a0 | #f8f9fa | 1.78 |
#ffd166 | #f8f9fa | 1.36 |
Paleta obrazów Mobile First CSS Framework Theme png
Eksportuj paletę
Pobierz "Mobile First CSS Framework Theme" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: