Creato a 07/08/2025 08:28
  6

Component Driven Frontend Suite

  • Blueprint Cyan
    #38b6ff
  • Atomic Orange
    #ff914d
  • Styled Graphite
    #333537
  • DOM Ivory
    #fffaf0
  • Stateful Lilac
    #d4a5ff
Loading...
La tavolozza è composta da Leggero colori. Colori accentati DOM Ivory #fffaf0 e Stateful Lilac #d4a5ff. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #333537 (più scuro) a #FFFAF0 (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): #333537, #38B6FF, #D4A5FF, #FF914D, #FFFAF0

La tavolozza Component Driven Frontend Suite ha una combinazione di colori dei codici 5:
ESADECIMALE: #38b6ff, RGB: (56, 182, 255); ESADECIMALE: #ff914d, RGB: (255, 145, 77); ESADECIMALE: #333537, RGB: (51, 53, 55)
ESADECIMALE: #fffaf0, RGB: (255, 250, 240); ESADECIMALE: #d4a5ff, RGB: (212, 165, 255)
Versione semplificata della tavolozza dei colori
Ombra di deepskyblue, Tonalità di sandybrown, Ombra di Nero, Ombra di plum
La combinazione di colori è stata creata da colorstudio

Codici colori nella tavolozza

Component Driven Frontend Suite codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#38b6ff #38b6ff RGB(56, 182, 255)Blueprint Cyan
#ff914d #ff914d RGB(255, 145, 77)Atomic Orange
#333537 #333537 RGB(51, 53, 55)Styled Graphite
#fffaf0 #fffaf0 RGB(255, 250, 240)DOM IvoryFloral White
#d4a5ff #d4a5ff RGB(212, 165, 255)Stateful Lilac

Contrasto della palette di colori

4 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
#38b6ff
#ff914d
1.01
#38b6ff
#d4a5ff
1.14
#ff914d
#d4a5ff
1.12
#fffaf0
#d4a5ff
1.89

Tavolozza immagini Component Driven Frontend Suite png

Loading...
Loading...