Meja warna

Generator Shade Warna

Gelapkan warna dengan mencampurnya dengan hitam.

Generator Shade Warna: TOEA menerapkan rumus tetap ini: Shade = color × (1 − amount) + black × amount. Perhitungan warna berjalan lokal di browser Anda. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Dijalankan
Di browser Anda
Biaya
Gratis · tanpa daftar
Ketersediaan
Siap digunakan
TOEA / ENGINE WARNA 01Hanya di browser
LEMBAR INPUT / 01

Nilai warna

Nilai tetap di perangkat ini. Hitung ulang setelah mengubah input.

LEMBAR HASIL / 02

HEX yang digelapkan

#BB5611

RGB yang digelapkan
rgb(187, 86, 17)
Rumus perhitunganShade = warna × (1 − jumlah) + hitam × jumlah
ASUMSI / BACA SEBELUM MENGGUNAKAN
  1. Hasil adalah transformasi matematis sRGB yang deterministik; tampilan bergantung pada monitor dan profil warna Anda.
  2. Input HEX menerima notasi #RGB atau #RRGGBB. Nilainya tetap di browser Anda dan tidak diupload.

Shade untuk status dan teks

Shade 10–20% dari warna tombol umum digunakan untuk status hover atau ditekan, cukup gelap untuk terlihat tanpa tampak seperti warna yang berbeda. Shade hitam 60–80% yang lebih pekat mengubah warna brand menjadi tone gelap untuk heading atau teks yang tetap terlihat sebagai bagian dari palet, dan tingkat inilah yang paling mungkin memenuhi kontras pada latar putih. Buat setiap tingkat dari warna dasar asli agar skalanya tetap merata.

Saat versi gelap menjadi keruh

Mencampur warna dengan hitam menskalakan setiap channel secara sama, sehingga hue tetap sama, tetapi namanya menurut persepsi kita berubah. Kuning gelap terlihat seperti olive, oranye gelap seperti cokelat, dan merah muda gelap seperti marun, meskipun perhitungannya berjalan tepat. Jika shade terlihat kotor, desainer sering sedikit menggeser hue, misalnya kuning ke arah oranye, sebelum menggelapkannya. Mixer warna memungkinkan Anda menggelapkan warna ke arah navy tua atau cokelat, bukan hitam murni, untuk hasil yang lebih kaya.

Cara menggunakannya

  1. Masukkan nilai #RGB atau #RRGGBB yang valid dan persentase yang diminta.
  2. Jalankan operasi warna tetap secara lokal di browser.
  3. Tinjau swatch dan salin hasil atau nilai palet.

Privasi & batasan

Nilai warna tetap di perangkat ini. Hasil kontras adalah pemeriksa matematis, bukan jaminan kepatuhan WCAG secara menyeluruh; konteks, perenderan font, kontras non-teks, dan status antarmuka pengguna tetap perlu ditinjau.

Alat terkait

Pertanyaan umum

Bagaimana cara kerja Generator Shade?

Menggunakan Shade = color × (1 − amount) + black × amount.

Format HEX apa yang diterima?

Gunakan notasi sRGB #RGB tiga digit atau #RRGGBB enam digit. Kanal alfa dan nama warna tidak diterima.

Apakah hasil kontras menjamin kepatuhan aksesibilitas?

Tidak. Itu adalah pemeriksa kontras matematis untuk warna yang dilaporkan dan ambang teks, bukan jaminan kepatuhan menyeluruh.

Alat gratis · berjalan di browser anda · tanpa perlu akun