Tidak suka iklan? Pergi Bebas Iklan Hari ini 

Generator Warna Tint & Shade

WarnaPengembang

IKLAN · HAPUS?

MEMASUKKAN

Proses Otomatis

KELUARAN

Sisi klien

IKLAN · HAPUS?

Memandu

Generator Tint dan Shade Warna

Pilih warna hex atau RGB dan segera dapatkan 10 tint (warna Anda dicampur dengan putih) dan 10 shade (dicampur dengan hitam) sebagai swatch visual. Klik swatch mana pun untuk menyalin kode hex-nya, atau ekspor seluruh set sebagai properti CSS, variabel SCSS, JSON, atau daftar hex biasa.

Cara Penggunaan

Pilih warna dasar dengan picker warna, atau salin nilai hex apa pun (3 atau 6 digit) ke bidang Hex.
Opsi: ubah nama variabel (digunakan dalam kunci ekspor CSS/SCSS/JSON).
Pilih metode campuran. OKLCH memberikan gradien yang paling halus, HSL adalah pendekatan klasik di web, dan RGB adalah campuran linear yang paling sederhana.
Pilih format ekspor. Ekspor diperbarui secara langsung saat Anda mengubah sesuatu.
Klik swatch mana pun untuk menyalin kode hex-nya, atau gunakan tombol Salin / Unduh di panel kode ekspor.

Fitur

10 tint + 10 shade – dua strip swatch dengan peningkatan 10%, dari campuran halus 10% hingga campuran hampir murni 100%.
Tiga metode campuran – OKLCH untuk langkah yang seragam secara persepsi, HSL untuk perubahan kecerahan yang mempertahankan hue, atau RGB langsung.
Swatch yang dapat diklik – setiap sel menampilkan kode hex dan menyalinnya ke clipboard dengan satu klik.
Banyak format ekspor – properti CSS, variabel SCSS, palet JSON, atau daftar hex yang mudah dibaca.
Pratinjau langsung – setiap perubahan pada warna, nama, metode, atau format akan memperbarui langsung swatch dan kode.
Unduh ekspor – simpan palet yang dihasilkan ke file dengan ekstensi yang sesuai dengan format Anda.

 Tanya Jawab Umum

Perbedaan antara tint dan shade apa?

Tint adalah warna asli yang dicampur dengan putih, yang membuatnya lebih terang dan lembut. Shade adalah warna asli yang dicampur dengan hitam, yang membuatnya lebih gelap dan dalam. Keduanya membentuk rentang nilai dari satu nuansa warna.
Mengapa OKLCH biasanya terlihat lebih halus dibandingkan RGB atau HSL?

OKLCH dirancang untuk sesuai dengan cara mata manusia mempersepsikan kecerahan dan kromatitas, sehingga langkah numerik yang sama terlihat seperti langkah visual yang sama. RGB dan HSL beroperasi dalam ruang warna perangkat, sehingga langkah numerik yang sama bisa terlihat sebagai lonjakan yang jauh lebih besar atau lebih kecil tergantung pada posisi Anda di skala tersebut.
Bagaimana perbedaan antara tint/shade dan palet warna?

Palet adalah kumpulan warna yang dipilih secara khusus yang bekerja bersama (misalnya, warna utama, warna aksen, dan netral). Tint dan shade adalah variasi dari satu nuansa warna sepanjang sumbu terang-gelap. Sistem UI biasanya menggabungkan keduanya: pilih beberapa warna dasar, lalu hasilkan tint dan shade dari masing-masing.