Menghasilkan Palet
  1. Palet warna
  2. WebGL Motion Interaction Theme

WebGL Motion Interaction Theme

  • Canvas Indigo
    #3f51b5
  • Render Lime
    #dce775
  • Depth Black
    #263238
  • Light Bounce Pink
    #f8bbd0
  • Frame Cloud
    #eceff1
  • Parallax Cyan
    #00acc1
  6
Dibuat pada 07/25/2025 07:59
olehcolorscheme
Palet terdiri dari Setengah gelap, Terang, Gelap warna. Warna aksen Light Bounce Pink #f8bbd0 dan Parallax Cyan #00acc1. Palet memiliki suhu warna Dingin, Hangat, Netral.

Menurut kecerahan, palet ini dari #263238 (paling gelap) ke #ECEFF1 (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): #00ACC1, #263238, #3F51B5, #DCE775, #ECEFF1, #F8BBD0

Palet WebGL Motion Interaction Theme menggabungkan 6 kode warna:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #dce775, RGB: (220, 231, 117); HEX: #263238, RGB: (38, 50, 56)
HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #eceff1, RGB: (236, 239, 241); HEX: #00acc1, RGB: (0, 172, 193)
Versi warna palet yang disederhanakan
Nuansa gelap dari Biru batu, Nuansa gelap dari Khaki, Nuansa gelap dari Abu-abu batu tua, Nuansa gelap dari Merah Jambu, Nuansa gelap dari Asap putih, Nuansa gelap dari Biru kadet
Skema warna diciptakan oleh colorscheme

Kode warna dalam palet

WebGL Motion Interaction Theme kode warna HEX, informasi RGB dalam tabel

Warna HEX RGB Nama nama alternatif
#3f51b5 #3f51b5 RGB(63, 81, 181)Canvas Indigo—
#dce775 #dce775 RGB(220, 231, 117)Render Lime—
#263238 #263238 RGB(38, 50, 56)Depth Black—
#f8bbd0 #f8bbd0 RGB(248, 187, 208)Light Bounce Pink—
#eceff1 #eceff1 RGB(236, 239, 241)Frame Cloud—
#00acc1 #00acc1 RGB(0, 172, 193)Parallax Cyan—

Kontras Palet Warna

5 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks Warna latar belakang Rasio Kontras
#3f51b5
#263238
1.91
#dce775
#f8bbd0
1.2
#dce775
#eceff1
1.15
#f8bbd0
#eceff1
1.39
#f8bbd0
#00acc1
1.69

Palet gambar WebGL Motion Interaction Theme png

WebGL Motion Interaction Theme palet warna: Canvas Indigo, Render Lime, Depth Black, Light Bounce Pink, Frame Cloud
 Unduh gambar