Menghasilkan Palet
  1. Palet warna
  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
Dibuat pada 07/11/2025 21:11
olehpalettespicker
Palet terdiri dari Terang, Setengah gelap, Gelap warna. Warna aksen Container Coral #ff6f61 dan Compute Mint #b9fbc0. Palet memiliki suhu warna Dingin, Hangat, Netral.

Menurut kecerahan, palet ini dari #2E2E2E (paling gelap) ke #F9FAFB (paling terang). Rentang kecerahan lebar.

Saturasi campuran — 3 redup dan 3 cerah dari 7 warna.

Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.

Secara keseluruhan suhu warna condong ke dingin (4 dari 7).

Kode HEX (diurutkan): #264653, #2E2E2E, #A0E7E5, #B0BEC5, #B9FBC0, #F9FAFB, #FF6F61

Palet Cloud-Native Design System Shell menggabungkan 7 kode warna:
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)
Versi warna palet yang disederhanakan
Nuansa gelap dari Pirus pucat, Nuansa gelap dari Perak, Nuansa gelap dari Salem, Nuansa terang dari Asap putih, Nuansa gelap dari Abu-abu batu tua, Nuansa terang dari Hijau pucat, Nuansa terang dari Hitam
Skema warna diciptakan oleh palettespicker

Kode warna dalam palet

Cloud-Native Design System Shell kode warna HEX, informasi RGB dalam tabel

WarnaHEXRGBNamanama alternatif
#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

Kontras Palet Warna

9 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teksWarna latar belakangRasio Kontras
#a0e7e5
#b0bec5
1.36
#a0e7e5
#ff6f61
1.95
#a0e7e5
#f9fafb
1.33
#a0e7e5
#b9fbc0
1.17
#b0bec5
#ff6f61
1.43
#b0bec5
#f9fafb
1.82

Palet gambar Cloud-Native Design System Shell png

Cloud-Native Design System Shell palet warna: API Sky, Token Grey, Container Coral, Node White Smoke, Route Navy
 Unduh gambar