Menghasilkan Palet
Loading...
  1. Palet warna
  2. Webflow Responsive Design System
Dibuat di 07/19/2025 07:29
olehcolorslib
  1

Webflow Responsive Design System

  • Gridline Gray
    #d4d4d8
  • Flexbox Blue
    #93c5fd
  • Container Cream
    #fff7ed
  • Breakpoint Black
    #1f2937
  • Interaction Lime
    #a3e635
  • CMS Pink
    #f472b6
  • Symbol Slate
    #64748b
Loading...
Palet terdiri dari Lampu, Gelap warna. Warna aksen Flexbox Blue #93c5fd Dan Container Cream #fff7ed. Palet memiliki suhu warna Netral, Dingin, Hangat.

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

Saturasi keseluruhan terasa hidup (chroma tinggi).

Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #1F2937, #64748B, #93C5FD, #A3E635, #D4D4D8, #F472B6, #FFF7ED

Palette Webflow Responsive Design System memiliki kombinasi warna kode 7:
HEX: #d4d4d8, RGB: (212, 212, 216); HEX: #93c5fd, RGB: (147, 197, 253); HEX: #fff7ed, RGB: (255, 247, 237)
HEX: #1f2937, RGB: (31, 41, 55); HEX: #a3e635, RGB: (163, 230, 53); HEX: #f472b6, RGB: (244, 114, 182)
HEX: #64748b, RGB: (100, 116, 139)
Versi warna palet yang disederhanakan
Bayangan dari lightgrey, Warna dari lightskyblue, Warna dari floralwhite, Bayangan dari Hitam, Bayangan dari Kuning hijau, Bayangan dari hotpink, Warna dari slategrey
Skema warna diciptakan oleh colorslib

Kode warna dalam palet

Webflow Responsive Design System kode warna HEX, informasi RGB dalam tabel

Warna HEX RGB Nama nama alternatif
#d4d4d8 #d4d4d8 RGB(212, 212, 216)Gridline Gray—
#93c5fd #93c5fd RGB(147, 197, 253)Flexbox Blue—
#fff7ed #fff7ed RGB(255, 247, 237)Container CreamFatback
#1f2937 #1f2937 RGB(31, 41, 55)Breakpoint Black—
#a3e635 #a3e635 RGB(163, 230, 53)Interaction Lime—
#f472b6 #f472b6 RGB(244, 114, 182)CMS Pink—
#64748b #64748b RGB(100, 116, 139)Symbol Slate—

Kontras Palet Warna

10 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks Warna latar belakang Rasio Kontras
#d4d4d8
#93c5fd
1.22
#d4d4d8
#fff7ed
1.39
#d4d4d8
#a3e635
1.02
#d4d4d8
#f472b6
1.79
#93c5fd
#fff7ed
1.69
#93c5fd
#a3e635
1.19

Palet gambar Webflow Responsive Design System png

Webflow Responsive Design System - #555846
 Unduh gambar
Loading...
Loading...