Generator Tints dan Shades — Variasi Warna Lebih Terang dan Gelap

Sistem warna profesional (seperti Tailwind CSS atau Material Design) menggunakan skala dari yang paling terang hingga paling gelap. Generator tints & shades secara otomatis membuat skala tersebut.

Tint vs Shade vs Tone

• Tint: warna + putih = lebih terang
• Shade: warna + hitam = lebih gelap
• Tone: warna + abu-abu = lebih netral

Generator membuat skala 10 langkah (100–900), mirip dengan Tailwind. Ekspor sebagai variabel CSS atau array JSON untuk design system-mu.