Genera tavolozza
  1. Tavolozze di colori
  2. Hypermodern HTML UI Builder Kit
Creato a 07/23/2025 08:41
dicolourlock
  11

Hypermodern HTML UI Builder Kit

  • DOM Green
    #57cc99
  • Markup Peach
    #ffddd2
  • Attr Gray
    #e5e5e5
  • Anchor Blue
    #3772ff
  • Box Shadow Black
    #1e1e1e
  • Inline White
    #faf9f6
La tavolozza è composta da Leggero, Buio colori. Colori accentati Markup Peach #ffddd2 e Anchor Blue #3772ff. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #1E1E1E (più scuro) a #FAF9F6 (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

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

La maggior parte dei campioni risulta neutra in temperatura.

Codici HEX (ordinati): #1E1E1E, #3772FF, #57CC99, #E5E5E5, #FAF9F6, #FFDDD2

La tavolozza Hypermodern HTML UI Builder Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #57cc99, RGB: (87, 204, 153); ESADECIMALE: #ffddd2, RGB: (255, 221, 210); ESADECIMALE: #e5e5e5, RGB: (229, 229, 229)
ESADECIMALE: #3772ff, RGB: (55, 114, 255); ESADECIMALE: #1e1e1e, RGB: (30, 30, 30); ESADECIMALE: #faf9f6, RGB: (250, 249, 246)
Versione semplificata della tavolozza dei colori
Tonalità di mediumaquamarine, Tonalità di mistyrose, Ombra di gainsboro, Ombra di royalblue, Ombra di Nero, Ombra di whitesmoke
La combinazione di colori è stata creata da colourlock

Codici colori nella tavolozza

Hypermodern HTML UI Builder Kit codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#57cc99 #57cc99 RGB(87, 204, 153)DOM Green—
#ffddd2 #ffddd2 RGB(255, 221, 210)Markup Peach—
#e5e5e5 #e5e5e5 RGB(229, 229, 229)Attr GrayGray90
#3772ff #3772ff RGB(55, 114, 255)Anchor Blue—
#1e1e1e #1e1e1e RGB(30, 30, 30)Box Shadow Black—
#faf9f6 #faf9f6 RGB(250, 249, 246)Inline White—

Contrasto della palette di colori

6 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
#57cc99
#ffddd2
1.57
#57cc99
#e5e5e5
1.58
#57cc99
#faf9f6
1.89
#ffddd2
#e5e5e5
1
#ffddd2
#faf9f6
1.2
#e5e5e5
#faf9f6
1.19

Tavolozza immagini Hypermodern HTML UI Builder Kit png

Hypermodern HTML UI Builder Kit - #556414
 Scarica l'immagine