Genera tavolozza
  1. Tavolozze di colori
  2. Cloud-Native Design System Shell

Cloud-Native Design System Shell

  • API Sky
    #a0e7e5
  • Token Grey
    #b0bec5
  • Container Coral
    #ff6f61
  • Node White Smoke
    #f9fafb
  • Route Navy
    #264653
  • Compute Mint
    #b9fbc0
  • Surface Graphite
    #2e2e2e
  1
Creato il 07/11/2025 21:11
dipalettespicker
La tavolozza è composta da Chiaro, Semi scuro, Scuro colori. Colori d'accento Container Coral #ff6f61 e Compute Mint #b9fbc0. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

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

Saturazione mista — 3 smorzati e 3 vivaci su 7 colori.

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

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

Codici HEX (ordinati): #264653, #2E2E2E, #A0E7E5, #B0BEC5, #B9FBC0, #F9FAFB, #FF6F61

La tavolozza Cloud-Native Design System Shell combina 7 codici colore:
HEX: #a0e7e5, RGB: (160, 231, 229); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #264653, RGB: (38, 70, 83); HEX: #b9fbc0, RGB: (185, 251, 192)
HEX: #2e2e2e, RGB: (46, 46, 46)
Versione semplificata della tavolozza dei colori
Sfumatura di Turchese pallido, Sfumatura di Argento, Sfumatura di Salmone, Tinta di Fumo bianco, Sfumatura di Grigio ardesia scuro, Tinta di Verde pallido, Tinta di Nero
La combinazione di colori è stata creata da palettespicker

Codici colori nella tavolozza

Cloud-Native Design System Shell codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome alternativo
#a0e7e5#a0e7e5RGB(160, 231, 229)API Sky—
#b0bec5#b0bec5RGB(176, 190, 197)Token GreyOcean Drive
#ff6f61#ff6f61RGB(255, 111, 97)Container CoralLiving Coral
#f9fafb#f9fafbRGB(249, 250, 251)Node White Smoke—
#264653#264653RGB(38, 70, 83)Route Navy—
#b9fbc0#b9fbc0RGB(185, 251, 192)Compute Mint—
#2e2e2e#2e2e2eRGB(46, 46, 46)Surface GraphiteCarbon Fiber

Contrasto della palette di colori

9 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testoColore di sfondoRapporto di contrasto
#a0e7e5
#b0bec5
1.36
#a0e7e5
#ff6f61
1.95
#a0e7e5
#f9fafb
1.33
#a0e7e5
#b9fbc0
1.17
#b0bec5
#ff6f61
1.43
#b0bec5
#f9fafb
1.82

Tavolozza immagini Cloud-Native Design System Shell png

Cloud-Native Design System Shell tavolozza dei colori: API Sky, Token Grey, Container Coral, Node White Smoke, Route Navy
 Scarica l'immagine