Utworzono o godz 06/17/2025 12:06
EdTech Course Builder UI
- Module Sky#a4d8ff
- Lesson Coral#ff9e9d
- Quiz Slate#3e3e3e
- Sidebar Cream#fff8f2
- Progress Lime#bfffb3
- Title Ink#1a1a1a
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Module Sky #a4d8ff i Sidebar Cream #fff8f2. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #1A1A1A (najciemniejszy) do #FFF8F2 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Większość próbek odczytuje się jako neutralne w temperaturze.
Kody HEX (posortowane): #1A1A1A, #3E3E3E, #A4D8FF, #BFFFB3, #FF9E9D, #FFF8F2
Paleta EdTech Course Builder UI zawiera kombinację kolorów kodów 6:
KLĄTWA: #a4d8ff, RGB: (164, 216, 255); KLĄTWA: #ff9e9d, RGB: (255, 158, 157); KLĄTWA: #3e3e3e, RGB: (62, 62, 62)
KLĄTWA: #fff8f2, RGB: (255, 248, 242); KLĄTWA: #bfffb3, RGB: (191, 255, 179); KLĄTWA: #1a1a1a, RGB: (26, 26, 26)
Uproszczona wersja palety kolorów
Cień lightskyblue, Cień lightcoral, Odcień darkslategrey, Odcień floralwhite, Cień palegreen, Cień Czarny
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
EdTech Course Builder UI kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #a4d8ff | #a4d8ff | RGB(164, 216, 255) | Module Sky | — |
| #ff9e9d | #ff9e9d | RGB(255, 158, 157) | Lesson Coral | — |
| #3e3e3e | #3e3e3e | RGB(62, 62, 62) | Quiz Slate | — |
| #fff8f2 | #fff8f2 | RGB(255, 248, 242) | Sidebar Cream | — |
| #bfffb3 | #bfffb3 | RGB(191, 255, 179) | Progress Lime | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Title Ink | Gray10 |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#a4d8ff | #ff9e9d | 1.3 |
#a4d8ff | #fff8f2 | 1.44 |
#a4d8ff | #bfffb3 | 1.31 |
#ff9e9d | #fff8f2 | 1.87 |
#ff9e9d | #bfffb3 | 1.7 |
#3e3e3e | #1a1a1a | 1.62 |
Paleta obrazów EdTech Course Builder UI png
Eksportuj paletę
Pobierz "EdTech Course Builder UI" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: