Progressive Web App Studio

Manifest Sky
#7ddfff
Offline Ink
#2a2e45
Install Cream
#fff9e6
Push Coral
#ff6e6c
Responsive Mint
#a3f7bf
ServiceWorker Graphite
#353535

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Manifest Sky #7ddfff und Install Cream #fff9e6. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #353535 (dunkelstes) bis #FFF9E6 (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 kalten Seite.

HEX-Codes (sortiert): #2A2E45, #353535, #7DDFFF, #A3F7BF, #FF6E6C, #FFF9E6

Die Palette Progressive Web App Studio enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #7ddfff, RGB: (125, 223, 255); VERHEXEN: #2a2e45, RGB: (42, 46, 69); VERHEXEN: #fff9e6, RGB: (255, 249, 230)

VERHEXEN: #ff6e6c, RGB: (255, 110, 108); VERHEXEN: #a3f7bf, RGB: (163, 247, 191); VERHEXEN: #353535, RGB: (53, 53, 53)

Vereinfachte Version der Palettenfarben

Schatten von skyblue, Schatten von midnightblue, Schatten von oldlace, Farbton von salmon, Schatten von aquamarine, Schatten von Schwarz

Farbschema wurde erstellt von colorstudio

Mehr Paletten mit:

Farbcodes in der Palette

Progressive Web App Studio Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#7ddfff	#7ddfff	RGB(125, 223, 255)	Manifest Sky	—
#2a2e45	#2a2e45	RGB(42, 46, 69)	Offline Ink	—
#fff9e6	#fff9e6	RGB(255, 249, 230)	Install Cream	—
#ff6e6c	#ff6e6c	RGB(255, 110, 108)	Push Coral	—
#a3f7bf	#a3f7bf	RGB(163, 247, 191)	Responsive Mint	—
#353535	#353535	RGB(53, 53, 53)	ServiceWorker Graphite	—

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#7ddfff	#fff9e6	1.43
#7ddfff	#ff6e6c	1.8
#7ddfff	#a3f7bf	1.19
#2a2e45	#353535	1.08
#fff9e6	#a3f7bf	1.2

Bildpalette Progressive Web App Studio png

--color-manifest-sky:	#7ddfff;
--color-offline-ink:	#2a2e45;
--color-install-cream:	#fff9e6;
--color-push-coral:	#ff6e6c;
--color-responsive-mint:	#a3f7bf;
--color-serviceworker-graphite:	#353535;

$color-manifest-sky:	#7ddfff;
$color-offline-ink:	#2a2e45;
$color-install-cream:	#fff9e6;
$color-push-coral:	#ff6e6c;
$color-responsive-mint:	#a3f7bf;
$color-serviceworker-graphite:	#353535;

@color-manifest-sky:	#7ddfff;
@color-offline-ink:	#2a2e45;
@color-install-cream:	#fff9e6;
@color-push-coral:	#ff6e6c;
@color-responsive-mint:	#a3f7bf;
@color-serviceworker-graphite:	#353535;