Ambil warna dari gambar
Dapatkan palet warna utama gambar beserta persentasenya, atau klik satu titik untuk mengambil warnanya. Salin HEX, RGB, HSL; ekspor CSS, Tailwind, atau PNG.
Cara mengambil warna dari gambar
- Pilih, seret, atau tempel (Ctrl+V) sebuah gambar.
- Lihat palet utama di bawah (pilih 5 sampai 12 warna), atau arahkan ke gambar dan klik untuk mengambil warna tepat di titik itu — dengan kaca pembesar.
- Ketuk ikon salin di samping kode, atau ekspor seluruh palet sebagai CSS, JSON, Tailwind, atau gambar PNG.
Pertanyaan umum
Piksel dengan warna mirip dikelompokkan lalu diambil warna rata-rata tiap kelompok, diurutkan dari yang paling luas. Persentasenya menunjukkan seberapa banyak bagian gambar yang ditutupi warna itu.
Gerakkan penunjuk (atau geser jari) di atas gambar: kaca pembesar memperbesar area itu agar bisa membidik dengan tepat. Klik atau angkat jari, dan warnanya masuk ke "Warna terpilih".
Tidak. Piksel transparan dilewati, jadi logo berlatar transparan memberi warna logonya sendiri.
Pilih Tailwind: ada blok @theme untuk Tailwind v4 (tempel di CSS Anda) dan blok konfigurasi untuk Tailwind v3 (tailwind.config.js). Warnanya langsung bisa dipakai seperti bg-palette-1, text-palette-2…
Ya. Palet dihitung pada salinan kecil (cukup untuk melihat warna utama dan jauh lebih cepat), sedangkan warna yang diklik dibaca dari salinan tajam hingga 1600 px sehingga sangat mendekati warna aslinya.
Sepenuhnya gratis dan tanpa perlu mendaftar.
Alat terkait
Konverter WarnaUbah antara kode warna HEX, RGB, dan HSLPembuat Kolase FotoGabungkan beberapa foto jadi satu gambar gridPembuat FaviconBuat ikon situs dari logo AndaUbah Ukuran GambarUbah ukuran banyak gambar sekaligusPotong GambarAmbil bagian yang Anda butuhkan sajaPutar & Balik GambarPutar atau balik gambar sekali klikPotong Foto BulatPotong foto jadi bulat, latar transparanTambah Teks ke GambarTulis teks di foto, pilih posisi dan warnaTambah Bingkai GambarTambahkan bingkai berwarna di sekeliling foto