Utworzono o godz 07/16/2025 20:17
Mobile First UI Kit for E-Learning Platforms
- Lesson Cream#fff7e6
- Quiz Indigo#4c5b5c
- Interactive Coral#ff6b6b
- Focus Blue#00a6fb
- Progress Gray#bdbdbd
- Content White#ffffff
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Lesson Cream #fff7e6 i Focus Blue #00a6fb. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #4C5B5C (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #00A6FB, #4C5B5C, #BDBDBD, #FF6B6B, #FFF7E6, #FFFFFF
Paleta Mobile First UI Kit for E-Learning Platforms zawiera kombinację kolorów kodów 6:
KLĄTWA: #fff7e6, RGB: (255, 247, 230); KLĄTWA: #4c5b5c, RGB: (76, 91, 92); KLĄTWA: #ff6b6b, RGB: (255, 107, 107)
KLĄTWA: #00a6fb, RGB: (0, 166, 251); KLĄTWA: #bdbdbd, RGB: (189, 189, 189); KLĄTWA: #ffffff, RGB: (255, 255, 255)
Uproszczona wersja palety kolorów
Cień oldlace, Cień darkslategrey, Odcień salmon, Cień dodgerblue, Odcień Srebro, Biały
Schemat kolorów został stworzony przez colorscheme
Kody kolorów w palecie
Mobile First UI Kit for E-Learning Platforms kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #fff7e6 | #fff7e6 | RGB(255, 247, 230) | Lesson Cream | — |
| #4c5b5c | #4c5b5c | RGB(76, 91, 92) | Quiz Indigo | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Interactive Coral | — |
| #00a6fb | #00a6fb | RGB(0, 166, 251) | Focus Blue | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Progress Gray | Gray74 |
| #ffffff | #ffffff | RGB(255, 255, 255) | Content White | White |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#fff7e6 | #bdbdbd | 1.76 |
#fff7e6 | #ffffff | 1.06 |
#ff6b6b | #00a6fb | 1.03 |
#ff6b6b | #bdbdbd | 1.47 |
#00a6fb | #bdbdbd | 1.42 |
#bdbdbd | #ffffff | 1.87 |
Paleta obrazów Mobile First UI Kit for E-Learning Platforms png
Eksportuj paletę
Pobierz "Mobile First UI Kit for E-Learning Platforms" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: