Colors & AccessibilityLesson 93Preview gratis
Shades & Tints Generator
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Shades and tints generator membuat variasi warna yang lebih gelap atau lebih terang dari warna dasar. Tint dihasilkan dengan menambahkan putih, sedangkan shade dengan menambahkan hitam. Skala yang konsisten berguna untuk state hover, border, latar, dan hierarki visual dalam design system.
Poin kunci
- Tint adalah campuran warna dengan putih sehingga lebih terang
- Shade adalah campuran warna dengan hitam sehingga lebih gelap
- Dalam HSL, menaikkan lightness menghasilkan versi lebih terang
- Skala warna biasanya diberi nomor seperti 50, 100, 500, dan 900
- Gunakan skala yang konsisten agar state interaksi mudah dibedakan
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.