React Components Neural Arcade Light

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

Palet terdiri dari Lampu, Gelap warna. Warna aksen Dashboard Teal #14b8a6 Dan Context Yellow #fcd34d. Palet memiliki suhu warna Netral, Dingin, Hangat.

Menurut kecerahan, palet ini dari #171717 (paling gelap) ke #F9FAFB (paling terang). Rentang kecerahan lebar.

Saturasi keseluruhan terasa hidup (chroma tinggi).

Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).

Nada hangat dan dingin cukup seimbang.

Kode HEX (diurutkan): #14B8A6, #171717, #4338CA, #F87171, #F9FAFB, #FCD34D

Palette React Components Neural Arcade Light memiliki kombinasi warna kode 6:

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

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

Versi warna palet yang disederhanakan

Bayangan dari whitesmoke, Warna dari lightseagreen, Warna dari lightcoral, Bayangan dari Biru, Bayangan dari gold, Bayangan dari Hitam

Skema warna diciptakan oleh bad_colors

Lebih banyak palet dengan:

Kode warna dalam palet

React Components Neural Arcade Light kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#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

Kontras Palet Warna

4 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.

Warna teks	Warna latar belakang	Rasio Kontras
#f9fafb	#fcd34d	1.37
#14b8a6	#f87171	1.11
#14b8a6	#fcd34d	1.72
#f87171	#fcd34d	1.91

Palet gambar 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;