React Suspense Light Grid

Hook Sky
#7fdbff
JSX Cream
#fdf6e3
State Coral
#ff6f61
Effect Charcoal
#2f3542
DOM Dust
#ececec
Error Rust
#e74c3c
Memo Mint
#c3f584

La tavolozza è composta da Leggero colori. Colori accentati Hook Sky #7fdbff e State Coral #ff6f61. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

Per luminosità, la tavolozza va da #2F3542 (più scuro) a #FDF6E3 (più chiaro). L’intervallo di luminosità è ampio.

La saturazione complessiva risulta vivida (croma alto).

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #2F3542, #7FDBFF, #C3F584, #E74C3C, #ECECEC, #FDF6E3, #FF6F61

La tavolozza React Suspense Light Grid ha una combinazione di colori dei codici 7:

ESADECIMALE: #7fdbff, RGB: (127, 219, 255); ESADECIMALE: #fdf6e3, RGB: (253, 246, 227); ESADECIMALE: #ff6f61, RGB: (255, 111, 97)

ESADECIMALE: #2f3542, RGB: (47, 53, 66); ESADECIMALE: #ececec, RGB: (236, 236, 236); ESADECIMALE: #e74c3c, RGB: (231, 76, 60)

ESADECIMALE: #c3f584, RGB: (195, 245, 132)

Versione semplificata della tavolozza dei colori

Ombra di skyblue, Ombra di oldlace, Tonalità di salmon, Ombra di Nero, Tonalità di whitesmoke, Tonalità di tomato, Ombra di palegreen

La combinazione di colori è stata creata da colorday

Altre tavolozze con:

Codici colori nella tavolozza

React Suspense Light Grid codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#7fdbff	#7fdbff	RGB(127, 219, 255)	Hook Sky	—
#fdf6e3	#fdf6e3	RGB(253, 246, 227)	JSX Cream	—
#ff6f61	#ff6f61	RGB(255, 111, 97)	State Coral	Living Coral
#2f3542	#2f3542	RGB(47, 53, 66)	Effect Charcoal	—
#ececec	#ececec	RGB(236, 236, 236)	DOM Dust	—
#e74c3c	#e74c3c	RGB(231, 76, 60)	Error Rust	—
#c3f584	#c3f584	RGB(195, 245, 132)	Memo Mint	—

Contrasto della palette di colori

8 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.

Colore del testo	Colore di sfondo	Rapporto di contrasto
#7fdbff	#fdf6e3	1.44
#7fdbff	#ff6f61	1.75
#7fdbff	#ececec	1.31
#7fdbff	#c3f584	1.24
#fdf6e3	#ececec	1.09
#fdf6e3	#c3f584	1.16

Tavolozza immagini React Suspense Light Grid png

--color-hook-sky:	#7fdbff;
--color-jsx-cream:	#fdf6e3;
--color-state-coral:	#ff6f61;
--color-effect-charcoal:	#2f3542;
--color-dom-dust:	#ececec;
--color-error-rust:	#e74c3c;
--color-memo-mint:	#c3f584;

$color-hook-sky:	#7fdbff;
$color-jsx-cream:	#fdf6e3;
$color-state-coral:	#ff6f61;
$color-effect-charcoal:	#2f3542;
$color-dom-dust:	#ececec;
$color-error-rust:	#e74c3c;
$color-memo-mint:	#c3f584;

@color-hook-sky:	#7fdbff;
@color-jsx-cream:	#fdf6e3;
@color-state-coral:	#ff6f61;
@color-effect-charcoal:	#2f3542;
@color-dom-dust:	#ececec;
@color-error-rust:	#e74c3c;
@color-memo-mint:	#c3f584;