EdTech Course Builder UI

Module Sky
#a4d8ff
Lesson Coral
#ff9e9d
Quiz Slate
#3e3e3e
Sidebar Cream
#fff8f2
Progress Lime
#bfffb3
Title Ink
#1a1a1a

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Module Sky #a4d8ff und Sidebar Cream #fff8f2. Palette hat Farbtemperatur Kalt, Warm, Neutral.

Nach Helligkeit reicht diese Palette von #1A1A1A (dunkelstes) bis #FFF8F2 (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

Die meisten Felder wirken neutral in der Farbtemperatur.

HEX-Codes (sortiert): #1A1A1A, #3E3E3E, #A4D8FF, #BFFFB3, #FF9E9D, #FFF8F2

Die Palette EdTech Course Builder UI enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #a4d8ff, RGB: (164, 216, 255); VERHEXEN: #ff9e9d, RGB: (255, 158, 157); VERHEXEN: #3e3e3e, RGB: (62, 62, 62)

VERHEXEN: #fff8f2, RGB: (255, 248, 242); VERHEXEN: #bfffb3, RGB: (191, 255, 179); VERHEXEN: #1a1a1a, RGB: (26, 26, 26)

Vereinfachte Version der Palettenfarben

Schatten von lightskyblue, Schatten von lightcoral, Farbton von darkslategrey, Farbton von floralwhite, Schatten von palegreen, Schatten von Schwarz

Farbschema wurde erstellt von bad_colors

Mehr Paletten mit:

Farbcodes in der Palette

EdTech Course Builder UI Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#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

Farbpalette Kontrast

7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.

Tekst kleur	Achtergrond kleur	contrast ratio
#a4d8ff	#ff9e9d	1.3
#a4d8ff	#fff8f2	1.44
#a4d8ff	#bfffb3	1.31
#ff9e9d	#fff8f2	1.87
#ff9e9d	#bfffb3	1.7
#3e3e3e	#1a1a1a	1.62

Bildpalette EdTech Course Builder UI png

--color-module-sky:	#a4d8ff;
--color-lesson-coral:	#ff9e9d;
--color-quiz-slate:	#3e3e3e;
--color-sidebar-cream:	#fff8f2;
--color-progress-lime:	#bfffb3;
--color-title-ink:	#1a1a1a;

$color-module-sky:	#a4d8ff;
$color-lesson-coral:	#ff9e9d;
$color-quiz-slate:	#3e3e3e;
$color-sidebar-cream:	#fff8f2;
$color-progress-lime:	#bfffb3;
$color-title-ink:	#1a1a1a;

@color-module-sky:	#a4d8ff;
@color-lesson-coral:	#ff9e9d;
@color-quiz-slate:	#3e3e3e;
@color-sidebar-cream:	#fff8f2;
@color-progress-lime:	#bfffb3;
@color-title-ink:	#1a1a1a;