Dibuat di 07/04/2025 10:08
Webflow Interaction Toolkit
- Trigger Blue#5a9cff
- Element Ivory#fffdf7
- Z-Stack Black#1b1b1b
- Click Coral#ff9076
- Smooth Scroll Sage#b6e3c7
- Layout Lavender#d3c3ff
Palet terdiri dari Lampu, Gelap warna. Warna aksen Element Ivory #fffdf7 Dan Layout Lavender #d3c3ff. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #1B1B1B (paling gelap) ke #FFFDF7 (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 67% warna cerah.
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Secara keseluruhan suhu warna condong ke dingin (3 dari 6).
Kode HEX (diurutkan): #1B1B1B, #5A9CFF, #B6E3C7, #D3C3FF, #FF9076, #FFFDF7
Palette Webflow Interaction Toolkit memiliki kombinasi warna kode 6:
HEX: #5a9cff, RGB: (90, 156, 255); HEX: #fffdf7, RGB: (255, 253, 247); HEX: #1b1b1b, RGB: (27, 27, 27)
HEX: #ff9076, RGB: (255, 144, 118); HEX: #b6e3c7, RGB: (182, 227, 199); HEX: #d3c3ff, RGB: (211, 195, 255)
Versi warna palet yang disederhanakan
Bayangan dari cornflowerblue, Bayangan dari floralwhite, Bayangan dari Hitam, Bayangan dari darksalmon, Warna dari paleturquoise, Bayangan dari thistle
Skema warna diciptakan oleh bad_colors
Kode warna dalam palet
Webflow Interaction Toolkit kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #5a9cff | #5a9cff | RGB(90, 156, 255) | Trigger Blue | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Element Ivory | — |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Z-Stack Black | Eerie Black |
| #ff9076 | #ff9076 | RGB(255, 144, 118) | Click Coral | — |
| #b6e3c7 | #b6e3c7 | RGB(182, 227, 199) | Smooth Scroll Sage | — |
| #d3c3ff | #d3c3ff | RGB(211, 195, 255) | Layout Lavender | — |
Kontras Palet Warna
8 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#5a9cff | #ff9076 | 1.24 |
#5a9cff | #b6e3c7 | 1.93 |
#5a9cff | #d3c3ff | 1.7 |
#fffdf7 | #b6e3c7 | 1.39 |
#fffdf7 | #d3c3ff | 1.58 |
#ff9076 | #b6e3c7 | 1.55 |
Palet gambar Webflow Interaction Toolkit png
Ekspor Palet
Unduh "Webflow Interaction Toolkit" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: