Warna langsung dari foto kamu. Tarik warna-warna utamanya dan salin sebagai kode HEX secara instan.

Klik untuk memilih file

Pilih file

JPG, PNG, WebP, HEIC, dan lainnya

Mengambil warna-warna utama dari satu foto dan menatanya menjadi sebuah palet. Cocok sekali untuk menyusun moodboard, memilih skema warna desain atau situs, atau meminjam tone persis dari foto yang kamu sukai. Kamu mendapat bilah proporsi sekaligus %, HEX, dan RGB tiap warna dalam sekali pandang, dan mengeklik sebuah warna langsung menyalin kode HEX-nya.

Cara memakainya

  1. 1Seret gambar JPG, PNG, atau WebP, atau klik untuk mengunggahnya.
  2. 2Atur jumlah warna antara 3 dan 10. Mengubah angkanya langsung mengekstrak ulang paletnya.
  3. 3Periksa %, HEX, dan RGB tiap warna di bilah proporsi dan kartu warna.
  4. 4Klik warna mana pun untuk menyalin HEX-nya. Tekan Salin CSS untuk mengambil semuanya sekaligus sebagai variabel :root!

Tips berguna

  • Lebih sedikit warna mempertahankan tone besar yang dominan; lebih banyak warna menangkap pula gradasi peralihan yang halus. Sesuaikan dengan kebutuhanmu.
  • Salin CSS menggabungkan semua warna menjadi variabel :root, siap ditempel langsung ke lembar gayamu.
  • % pada bilah proporsi menunjukkan seberapa luas area yang ditempati tiap warna di foto, berguna untuk membedakan warna utama dari warna aksen.

Pertanyaan yang sering diajukan

Tidak, ekstraksi warna berjalan sepenuhnya di browsermu dan foto tidak pernah dikirim ke server. Ia hanya membaca warnanya, jadi aslinya tidak pernah meninggalkan perangkatmu.

Tiap warna disertai HEX (mis. #7C3AED) dan RGB (mis. RGB(124, 58, 237)). Klik sebuah warna untuk menyalin HEX-nya, atau pakai Salin CSS untuk mengambil semuanya sekaligus sebagai variabel :root.

Dari 3 sampai 10. Ubah jumlahnya dengan penggeser dan palet langsung diekstrak ulang di tempat.

Itu adalah bagian luas foto yang ditempati tiap warna. Warna yang lebih besar mendapat pita yang lebih lebar, jadi kamu langsung melihat warna mana yang mengendalikan suasana foto.