HeronTool
Bahasa Indonesia▾
Masuk
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
Beranda › Sumber desain › Color Shades Generator

Color Shades Generator

Generate a 50-950 color scale with CSS variables from one base color.

Warna Palet Desain
Palette—

Cara pakai

  1. Adjust the values above.
  2. Results and CSS update live.
  3. Click Copy.

Contoh penggunaan

Generate a 50-950 color scale with CSS variables from one base color.

Tidak ada yang diunggah — semua diproses lokal di browser Anda.

Komentar / Laporkan / Anotasi saya

Silakan masuk dulu — Masuk

Silakan masuk dulu — Masuk

Silakan masuk dulu — Masuk

Alat terkait
Generator gradien Buat gradien CSS linear/radial dengan pratinjau langsung. Gradien Pratinjau font Ketik teks dan ganti keluarga font untuk pratinjau langsung. Font Cari ikon Cari ikon Tabler dan salin SVG-nya dalam satu klik. Ikon Generator palet Bangun palet harmonis (analog/komplementer) dari warna dasar. Palet Generator mockup Letakkan URL atau tangkapan layar ke bingkai mockup perangkat. Mockup Kontras warna Periksa kontras WCAG teks di atas latar. Kontras Generator box-shadow Bangun box-shadow CSS secara visual. Bayangan Generator text-shadow Bangun text-shadow CSS. Bayangan