Apa itu Palet Monokromatik?

Pilih warna dasar lalu hasilkan shade (lebih gelap) dan tint (lebih terang) darinya. Tentukan jumlah langkah, lalu ekspor sebagai variabel CSS, konfigurasi Tailwind, atau salin nilai hex/RGB individual.

Cara menggunakan

  1. Pilih warna dasar menggunakan pemilih warna atau masukkan kode hex secara langsung.
  2. Sesuaikan jumlah shade dan tint (langkah), dan atur rentang kegelapan/kecerahan.
  3. Salin nilai warna individual, atau ekspor seluruh palet sebagai properti kustom CSS, objek konfigurasi Tailwind, atau swatch gambar.

Hasil

Anda membangun dashboard dan membutuhkan palet biru untuk visualisasi data. Anda memilih #3B82F6 sebagai dasar, menghasilkan 9 langkah dari hampir putih (#EBF2FE) hingga hampir hitam (#1A2744). Anda mengekspor sebagai variabel CSS dan menggunakan --color-blue-100 hingga --color-blue-900 di seluruh grafik Anda.

Alat terkait