Genera tavolozza
  1. Tavolozze di colori
  2. Next.js UI Pulse Interface
Creato a 07/08/2025 19:52
dicolorslib
  1

Next.js UI Pulse Interface

  • Framework Graphite
    #1f2937
  • SSR Sky
    #38bdf8
  • Hook Salmon
    #ffa69e
  • Render White
    #fafafa
  • Async Indigo
    #7c83fd
  • Compile Gold
    #ffd93d
La tavolozza è composta da Buio, Leggero colori. Colori accentati Async Indigo #7c83fd e Compile Gold #ffd93d. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #1F2937 (più scuro) a #FAFAFA (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 freddo.

Codici HEX (ordinati): #1F2937, #38BDF8, #7C83FD, #FAFAFA, #FFA69E, #FFD93D

La tavolozza Next.js UI Pulse Interface ha una combinazione di colori dei codici 6:
ESADECIMALE: #1f2937, RGB: (31, 41, 55); ESADECIMALE: #38bdf8, RGB: (56, 189, 248); ESADECIMALE: #ffa69e, RGB: (255, 166, 158)
ESADECIMALE: #fafafa, RGB: (250, 250, 250); ESADECIMALE: #7c83fd, RGB: (124, 131, 253); ESADECIMALE: #ffd93d, RGB: (255, 217, 61)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Ombra di deepskyblue, Tonalità di lightpink, Ombra di whitesmoke, Ombra di mediumslateblue, Ombra di gold
La combinazione di colori è stata creata da colorslib

Codici colori nella tavolozza

Next.js UI Pulse Interface codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#1f2937 #1f2937 RGB(31, 41, 55)Framework Graphite—
#38bdf8 #38bdf8 RGB(56, 189, 248)SSR Sky—
#ffa69e #ffa69e RGB(255, 166, 158)Hook Salmon—
#fafafa #fafafa RGB(250, 250, 250)Render WhiteDr. White
#7c83fd #7c83fd RGB(124, 131, 253)Async Indigo—
#ffd93d #ffd93d RGB(255, 217, 61)Compile Gold—

Contrasto della palette di colori

7 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
#38bdf8
#ffa69e
1.14
#38bdf8
#7c83fd
1.5
#38bdf8
#ffd93d
1.55
#ffa69e
#fafafa
1.79
#ffa69e
#7c83fd
1.71
#ffa69e
#ffd93d
1.36

Tavolozza immagini Next.js UI Pulse Interface png

Next.js UI Pulse Interface - #554346
 Scarica l'immagine