Generator Nada dan Bayangan
Hasilkan secara otomatis nada paling terang dan bayangan paling gelap dari warna apa pun, dengan kode HEX-nya.
Cara membuat variasi warna dan bayangan dari satu warna
Pilih warna dasar
Pilih warna awal dengan pemilih visual atau masukkan kode HEX-nya.
Lihat variasi dan bayangan warna
Anda akan secara otomatis melihat 5 variasi lebih terang (tinta) dan 5 lebih gelap (bayangan) yang dihasilkan dari warna Anda.
Salin HEX yang Anda butuhkan
Klik pada sampel warna apa pun untuk menyalin kode HEX-nya ke papan klip.
Pertanyaan Umum tentang Generator Tone dan Shade
Memiliki varian warna yang lebih terang dan lebih gelap sangat penting untuk membuat palet desain yang kohesif (misalnya, untuk status hover, latar belakang, atau batas). Alat ini menghitungnya secara otomatis.
Apa perbedaan antara tone (tint) dan shadow (shade)?
+
Sebuah tone diperoleh dengan mencampur warna dengan putih (membuatnya lebih terang) dan sebuah shade dengan mencampurnya dengan hitam (membuatnya lebih gelap).
Berapa banyak varian yang dihasilkan?
+
Menghasilkan 5 tone lebih terang dan 5 shade lebih gelap dari warna dasar Anda, 10 secara total.
Bisakah saya menyalin kodenya?
+
Ya, klik pada warna apa pun dalam daftar untuk menyalin kode HEX-nya.
Apakah bisa digunakan untuk membuat palet desain seperti Tailwind?
+
Ya, ini adalah konsep yang sama persis dengan skala warna 50-900 yang digunakan oleh banyak sistem desain.
Apakah gratis?
+
Ya, alat ini sepenuhnya gratis.
Apakah warna saya akan diunggah ke server?
+
Tidak, semua perhitungan dilakukan langsung di browser Anda.
Warna
Konverter Warna (HEX, RGB, HSL, CMYK)
Konversi warna apa pun antara HEX, RGB, HSL, dan CMYK secara instan, dengan pratinjau langsung dan nama warna terdekat.
Pembuat Palet Warna
Buat palet 5 warna yang harmonis (komplementer, analog, triadik, atau monokromatik) dari warna dasar.
Pembuat Gradien CSS
Buat gradien linier atau radial dengan hingga 4 warna dan salin kode CSS siap pakai.
Pemeriksa Kontras WCAG
Periksa apakah kombinasi warna teks dan latar belakang memenuhi tingkat aksesibilitas AA dan AAA.
Warna Acak
Hasilkan warna acak dengan sekali klik dan temukan nama, kode HEX/RGB/HSL, serta warna-warna serupa.
Pemilih warna (pipet)
Pilih warna apa pun dari layar Anda dengan alat penetes browser, atau gunakan pemilih klasik.
Simulator Buta Warna
Unggah gambar dan periksa bagaimana orang dengan protanopia, deuteranopia, atau tritanopia akan melihatnya.
Pembuat Gradien Mesh
Buat latar belakang dengan gradien mesh (bercak warna yang lembut) dan unduh dalam PNG atau salin kode CSS.
Pencampur Warna
Campurkan dua warna dan temukan nada perantara langkah demi langkah, dengan kode HEX-nya.
Roda Warna (Harmoni)
Pilih warna di roda dan temukan kombinasi harmoninya: komplementer, analogi, triadik, dan lainnya.
Ekstraktir Palet dari Gambar
Unggah gambar dan ekstrak otomatis warna dominannya ke dalam palet, dengan kode HEX untuk setiap warna.
Warna Rata-Rata Gambar
Unggah gambar dan hitung warna rata-ratanya secara instan, dengan kode HEX, RGB, dan HSL.
Jelajahi warna berdasarkan keluarga
Lebih dari 469 warna bernama, dengan kode HEX, RGB, HSL, dan CMYK, diorganisir dalam 12 keluarga nada.
