Genera tavolozza
  1. Tavolozze di colori
  2. Creative Dev UI Color System

Creative Dev UI Color System

  • Sketch Coral
    #fb7185
  • Hexcode Navy
    #1e3a8a
  • Layer Sand
    #fff7ed
  • Commit Yellow
    #facc15
  • Design Fog
    #e5e7eb
  • Preview Cyan
    #06b6d4
  • Push Mint
    #34d399
  11
Creato il 06/26/2025 08:36
dibad_colors
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Layer Sand #fff7ed e Preview Cyan #06b6d4. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

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

La saturazione complessiva risulta vivida (croma alto) — il 86% dei colori è vivido.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Complessivamente la temperatura tende al freddo (3 su 7).

Codici HEX (ordinati): #06B6D4, #1E3A8A, #34D399, #E5E7EB, #FACC15, #FB7185, #FFF7ED

La tavolozza Creative Dev UI Color System combina 7 codici colore:
HEX: #fb7185, RGB: (251, 113, 133); HEX: #1e3a8a, RGB: (30, 58, 138); HEX: #fff7ed, RGB: (255, 247, 237)
HEX: #facc15, RGB: (250, 204, 21); HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #06b6d4, RGB: (6, 182, 212)
HEX: #34d399, RGB: (52, 211, 153)
Versione semplificata della tavolozza dei colori
Sfumatura di Corallo chiaro, Sfumatura di Blu ardesia scuro, Sfumatura di Bianco floreale, Sfumatura di Oro, Tinta di Gainsboro, Sfumatura di Azzurro cielo intenso, Sfumatura di Acquamarina medio
La combinazione di colori è stata creata da bad_colors

Codici colori nella tavolozza

Creative Dev UI Color System codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#fb7185 #fb7185 RGB(251, 113, 133)Sketch Coral—
#1e3a8a #1e3a8a RGB(30, 58, 138)Hexcode Navy—
#fff7ed #fff7ed RGB(255, 247, 237)Layer SandFatback
#facc15 #facc15 RGB(250, 204, 21)Commit Yellow—
#e5e7eb #e5e7eb RGB(229, 231, 235)Design Fog—
#06b6d4 #06b6d4 RGB(6, 182, 212)Preview Cyan—
#34d399 #34d399 RGB(52, 211, 153)Push Mint—

Contrasto della palette di colori

12 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
#fb7185
#facc15
1.75
#fb7185
#06b6d4
1.1
#fb7185
#34d399
1.4
#fff7ed
#facc15
1.44
#fff7ed
#e5e7eb
1.16
#fff7ed
#34d399
1.81

Tavolozza immagini Creative Dev UI Color System png

Creative Dev UI Color System: Sketch Coral, Hexcode Navy, Layer Sand, Commit Yellow, Design Fog, Preview Cyan, Push Mint
 Scarica l'immagine