AbraCalc

Generator Gradasi Warna

Hasilkan palet 5 tint yang lebih terang dan 5 shade yang lebih gelap dari warna hex apa pun.

Oleh · Ditinjau oleh AbraCalc Methodology Review · 2 sumber

Sematkan alat ini di situs Anda
Kutip alat ini

APA

AbraCalc. (2026). Generator Gradasi Warna [Online calculator]. Retrieved from https://abracalc.com/id/generator-gradasi-warna/

BibTeX

@misc{abracalc-generator-gradasi-warna, author = {AbraCalc}, title = {Generator Gradasi Warna}, year = {2026}, howpublished = {\url{https://abracalc.com/id/generator-gradasi-warna/}} }

Apakah alat ini menjawab pertanyaan Anda?

Cara menggunakan alat ini

  1. Masukkan warna hex dasar Anda.
  2. Pilih jumlah langkah (1–10) di setiap arah.
  3. Hasilnya menampilkan tint (lebih terang), warna dasar, lalu shade (lebih gelap).

Masukkan warna hex untuk menghasilkan palet lengkap berisi tint yang lebih terang dan shade yang lebih gelap, berguna untuk membangun sistem desain.

Rumus

For each tint step i (1 to steps), mixing factor t = i / (steps + 1):
Rtint = R + (255 − R) × t (similarly for G, B)

For each shade step j (1 to steps), darkening factor s = j / (steps + 1):
Rshade = R × (1 − s) (similarly for G, B)

All channel values are clamped to 0–255 and rounded.

Pertanyaan umum

Apa perbedaan antara tint dan shade?
Tint adalah warna yang dicampur dengan putih (lebih terang); shade adalah warna yang dicampur dengan hitam (lebih gelap). Tone dicampur dengan abu-abu.
Bagaimana langkah-langkahnya dihitung?
Setiap langkah menginterpolasi kanal RGB secara linear menuju putih (untuk tint) atau hitam (untuk shade) dengan pecahan yang sama.

Referensi dan sumber