Menghasilkan Palet
  1. Palet warna
  2. Cognitive Web App UI Patterns

Cognitive Web App UI Patterns

  • Semantic Cream
    #fff8e7
  • Neural Ink
    #1c1c1e
  • Cognition Sky
    #b3e5fc
  • Memory Violet
    #c9a0dc
  • Recognition Green
    #a2f4c3
  • Component Charcoal
    #2f2f2f
  11
Dibuat pada 07/05/2025 13:08
olehraccoon
Palet terdiri dari Terang, Gelap warna. Warna aksen Semantic Cream #fff8e7 dan Cognition Sky #b3e5fc. Palet memiliki suhu warna Netral, Dingin.

Menurut kecerahan, palet ini dari #1C1C1E (paling gelap) ke #FFF8E7 (paling terang). Rentang kecerahan lebar.

Saturasi campuran — 2 redup dan 3 cerah dari 6 warna.

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

Secara keseluruhan suhu warna condong ke dingin (3 dari 6).

Kode HEX (diurutkan): #1C1C1E, #2F2F2F, #A2F4C3, #B3E5FC, #C9A0DC, #FFF8E7

Palet Cognitive Web App UI Patterns menggabungkan 6 kode warna:
HEX: #fff8e7, RGB: (255, 248, 231); HEX: #1c1c1e, RGB: (28, 28, 30); HEX: #b3e5fc, RGB: (179, 229, 252)
HEX: #c9a0dc, RGB: (201, 160, 220); HEX: #a2f4c3, RGB: (162, 244, 195); HEX: #2f2f2f, RGB: (47, 47, 47)
Versi warna palet yang disederhanakan
Nuansa terang dari Renda tua, Nuansa terang dari Hitam, Nuansa terang dari Biru muda, Nuansa gelap dari Plum, Nuansa terang dari Akuamarin, Nuansa terang dari Hitam
Skema warna diciptakan oleh raccoon

Kode warna dalam palet

Cognitive Web App UI Patterns kode warna HEX, informasi RGB dalam tabel

WarnaHEXRGBNamanama alternatif
#fff8e7#fff8e7RGB(255, 248, 231)Semantic CreamCosmic Latte
#1c1c1e#1c1c1eRGB(28, 28, 30)Neural Ink—
#b3e5fc#b3e5fcRGB(179, 229, 252)Cognition Sky—
#c9a0dc#c9a0dcRGB(201, 160, 220)Memory VioletAutumn Wisteria
#a2f4c3#a2f4c3RGB(162, 244, 195)Recognition Green—
#2f2f2f#2f2f2fRGB(47, 47, 47)Component Charcoal—

Kontras Palet Warna

6 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teksWarna latar belakangRasio Kontras
#fff8e7
#b3e5fc
1.27
#fff8e7
#a2f4c3
1.21
#1c1c1e
#2f2f2f
1.27
#b3e5fc
#c9a0dc
1.62
#b3e5fc
#a2f4c3
1.04
#c9a0dc
#a2f4c3
1.7

Palet gambar Cognitive Web App UI Patterns png

Cognitive Web App UI Patterns palet warna: Semantic Cream, Neural Ink, Cognition Sky, Memory Violet, Recognition Green
 Unduh gambar