Meja warna

Generator Tint Warna

Cerahkan warna dengan mencampurkannya dengan putih.

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

Kategori
Tools sehari-hari
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 hasil tint

#5C8AF0

RGB hasil tint
rgb(92, 138, 240)
Rumus perhitunganTint = warna × (1 − jumlah) + putih × 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. Nilai tetap di browser Anda dan tidak diupload.

Membangun skala warna terang

Design system sering membuat tingkat warna yang lebih terang dengan mencampurkannya bersama putih; tint-color() milik Bootstrap bekerja dengan cara ini. Tint dengan 80–95% putih cocok untuk latar alert, baris terpilih, dan badge, sedangkan 20–40% menghasilkan versi warna brand yang lebih lembut untuk isian hover dan ilustrasi. Buat setiap tingkat dari warna dasar asli, bukan dari tint sebelumnya, agar persentasenya tetap bermakna, dan gunakan warna dasar itu sendiri untuk teks atau ikon pada tingkat paling terang.

Mengapa tint bisa terlihat seperti kapur

Menambahkan putih menurunkan saturation sekaligus meningkatkan lightness, sehingga tint pucat dapat terlihat seperti susu, dan warna biru khususnya dapat bergeser ke arah lavender. Jika tingkat warna terang terlihat kurang tepat, coba gunakan warna dasar yang sedikit lebih jenuh, atau atur lightness secara langsung di konverter warna dan bandingkan hasilnya. Teks gelap pada tint lebih mudah memenuhi kontras saat tint semakin terang; periksa pasangan yang digunakan di pemeriksa kontras.

Cara menggunakannya

  1. Masukkan nilai #RGB atau #RRGGBB yang valid serta persentase yang diminta.
  2. Jalankan operasi warna tetap yang berjalan lokal di browser Anda.
  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

Generator ShadeColor Mixer

Pertanyaan umum

Bagaimana cara kerja Generator Tint?

Menggunakan Tint = color × (1 − amount) + white × amount.

Format HEX apa yang diterima?

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

Apakah hasil kontras menjamin kepatuhan aksesibilitas?

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

Alat gratis · berjalan di browser anda · tanpa perlu akun