Ux animation map ui colors

Green (Pantone)
#16b54d
Gold (Crayola)
#f1b686
La Salle Green
#0e7632
Shiny Shamrock
#4b9e7a
Sea Foam Green
#a7d7c6
Deep Aquamarine
#48816c

Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Gold (Crayola) #f1b686 und Sea Foam Green #a7d7c6. Palette hat Farbtemperatur Kalt, Warm.

Nach Helligkeit reicht diese Palette von #0E7632 (dunkelstes) bis #A7D7C6 (hellstes). Die Helligkeitsspanne ist moderat.

Die Sättigung liegt im mittleren Bereich.

Farbton ist weit über den Farbkreis verteilt — eine gemischte Palette (heuristisch).

In der Gesamttemperatur neigen die Felder zur kalten Seite.

HEX-Codes (sortiert): #0E7632, #16B54D, #48816C, #4B9E7A, #A7D7C6, #F1B686

Die Palette Ux animation map ui colors enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #16b54d, RGB: (22, 181, 77); VERHEXEN: #f1b686, RGB: (241, 182, 134); VERHEXEN: #0e7632, RGB: (14, 118, 50)

VERHEXEN: #4b9e7a, RGB: (75, 158, 122); VERHEXEN: #a7d7c6, RGB: (167, 215, 198); VERHEXEN: #48816c, RGB: (72, 129, 108)

Vereinfachte Version der Palettenfarben

Farbton von mediumseagreen, Schatten von sandybrown, Schatten von Grün, Schatten von seashell, Farbton von paleturquoise, Schatten von seashell

Farbschema wurde erstellt von raccoon

Mehr Paletten mit:

Farbcodes in der Palette

Ux animation map ui colors Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#16b54d	#16b54d	RGB(22, 181, 77)	Green (Pantone)	—
#f1b686	#f1b686	RGB(241, 182, 134)	Gold (Crayola)	—
#0e7632	#0e7632	RGB(14, 118, 50)	La Salle Green	—
#4b9e7a	#4b9e7a	RGB(75, 158, 122)	Shiny Shamrock	—
#a7d7c6	#a7d7c6	RGB(167, 215, 198)	Sea Foam Green	—
#48816c	#48816c	RGB(72, 129, 108)	Deep Aquamarine	—

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#16b54d	#f1b686	1.51
#16b54d	#4b9e7a	1.19
#16b54d	#a7d7c6	1.7
#16b54d	#48816c	1.67
#f1b686	#4b9e7a	1.81
#f1b686	#a7d7c6	1.11

Bildpalette Ux animation map ui colors png

--color-green-pantone:	#16b54d;
--color-gold-crayola:	#f1b686;
--color-la-salle-green:	#0e7632;
--color-shiny-shamrock:	#4b9e7a;
--color-sea-foam-green:	#a7d7c6;
--color-deep-aquamarine:	#48816c;

$color-green-pantone:	#16b54d;
$color-gold-crayola:	#f1b686;
$color-la-salle-green:	#0e7632;
$color-shiny-shamrock:	#4b9e7a;
$color-sea-foam-green:	#a7d7c6;
$color-deep-aquamarine:	#48816c;

@color-green-pantone:	#16b54d;
@color-gold-crayola:	#f1b686;
@color-la-salle-green:	#0e7632;
@color-shiny-shamrock:	#4b9e7a;
@color-sea-foam-green:	#a7d7c6;
@color-deep-aquamarine:	#48816c;