React Components Neural Arcade Light

Framework White
#f9fafb
Dashboard Teal
#14b8a6
Hook Coral
#f87171
JS Indigo
#4338ca
Context Yellow
#fcd34d
State Black
#171717

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Dashboard Teal #14b8a6 und Context Yellow #fcd34d. Palette hat Farbtemperatur Neutral, Kalt, Warm.

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

Warme und kühle Felder sind ziemlich ausgeglichen.

HEX-Codes (sortiert): #14B8A6, #171717, #4338CA, #F87171, #F9FAFB, #FCD34D

Die Palette React Components Neural Arcade Light enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #f9fafb, RGB: (249, 250, 251); VERHEXEN: #14b8a6, RGB: (20, 184, 166); VERHEXEN: #f87171, RGB: (248, 113, 113)

VERHEXEN: #4338ca, RGB: (67, 56, 202); VERHEXEN: #fcd34d, RGB: (252, 211, 77); VERHEXEN: #171717, RGB: (23, 23, 23)

Vereinfachte Version der Palettenfarben

Schatten von whitesmoke, Farbton von lightseagreen, Farbton von lightcoral, Schatten von Blau, Schatten von gold, Schatten von Schwarz

Farbschema wurde erstellt von bad_colors

Mehr Paletten mit:

Farbcodes in der Palette

React Components Neural Arcade Light Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#f9fafb	#f9fafb	RGB(249, 250, 251)	Framework White	—
#14b8a6	#14b8a6	RGB(20, 184, 166)	Dashboard Teal	—
#f87171	#f87171	RGB(248, 113, 113)	Hook Coral	—
#4338ca	#4338ca	RGB(67, 56, 202)	JS Indigo	—
#fcd34d	#fcd34d	RGB(252, 211, 77)	Context Yellow	—
#171717	#171717	RGB(23, 23, 23)	State Black	Cynical Black

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#f9fafb	#fcd34d	1.37
#14b8a6	#f87171	1.11
#14b8a6	#fcd34d	1.72
#f87171	#fcd34d	1.91

Bildpalette React Components Neural Arcade Light png

React Components Neural Arcade Light - #560214

--color-framework-white:	#f9fafb;
--color-dashboard-teal:	#14b8a6;
--color-hook-coral:	#f87171;
--color-js-indigo:	#4338ca;
--color-context-yellow:	#fcd34d;
--color-state-black:	#171717;

$color-framework-white:	#f9fafb;
$color-dashboard-teal:	#14b8a6;
$color-hook-coral:	#f87171;
$color-js-indigo:	#4338ca;
$color-context-yellow:	#fcd34d;
$color-state-black:	#171717;

@color-framework-white:	#f9fafb;
@color-dashboard-teal:	#14b8a6;
@color-hook-coral:	#f87171;
@color-js-indigo:	#4338ca;
@color-context-yellow:	#fcd34d;
@color-state-black:	#171717;