PomeloTasks App

Primary Lime
#a3e635
Secondary Sun
#facc15
Accent Azure
#3b82f6
Background Eggshell
#fefce8
Surface Pale
#fef9c3
Text Olive
#3f6212

Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Accent Azure #3b82f6 und Surface Pale #fef9c3. Palette hat Farbtemperatur Warm, Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #3F6212 (dunkelstes) bis #FEFCE8 (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).

In der Gesamttemperatur neigen die Felder zur warmen Seite.

HEX-Codes (sortiert): #3B82F6, #3F6212, #A3E635, #FACC15, #FEF9C3, #FEFCE8

Die Palette PomeloTasks App enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #a3e635, RGB: (163, 230, 53); VERHEXEN: #facc15, RGB: (250, 204, 21); VERHEXEN: #3b82f6, RGB: (59, 130, 246)

VERHEXEN: #fefce8, RGB: (254, 252, 232); VERHEXEN: #fef9c3, RGB: (254, 249, 195); VERHEXEN: #3f6212, RGB: (63, 98, 18)

Vereinfachte Version der Palettenfarben

Schatten von Gelbgrün, Farbton von gold, Farbton von dodgerblue, Farbton von ivory, Farbton von lemonchiffon, Farbton von darkolivegreen

Farbschema wurde erstellt von colorstudio

Mehr Paletten mit:

Farbcodes in der Palette

PomeloTasks App Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#a3e635	#a3e635	RGB(163, 230, 53)	Primary Lime	—
#facc15	#facc15	RGB(250, 204, 21)	Secondary Sun	—
#3b82f6	#3b82f6	RGB(59, 130, 246)	Accent Azure	—
#fefce8	#fefce8	RGB(254, 252, 232)	Background Eggshell	—
#fef9c3	#fef9c3	RGB(254, 249, 195)	Surface Pale	—
#3f6212	#3f6212	RGB(63, 98, 18)	Text Olive	—

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
#a3e635	#facc15	1.01
#a3e635	#fefce8	1.45
#a3e635	#fef9c3	1.4
#facc15	#fefce8	1.48
#facc15	#fef9c3	1.42
#3b82f6	#3f6212	1.92

Bildpalette PomeloTasks App png

--color-primary-lime:	#a3e635;
--color-secondary-sun:	#facc15;
--color-accent-azure:	#3b82f6;
--color-background-eggshell:	#fefce8;
--color-surface-pale:	#fef9c3;
--color-text-olive:	#3f6212;

$color-primary-lime:	#a3e635;
$color-secondary-sun:	#facc15;
$color-accent-azure:	#3b82f6;
$color-background-eggshell:	#fefce8;
$color-surface-pale:	#fef9c3;
$color-text-olive:	#3f6212;

@color-primary-lime:	#a3e635;
@color-secondary-sun:	#facc15;
@color-accent-azure:	#3b82f6;
@color-background-eggshell:	#fefce8;
@color-surface-pale:	#fef9c3;
@color-text-olive:	#3f6212;