Ambil warna dari gambar
Pilih piksel dan salin HEX, RGB, HSL, atau variabel CSS.
- Gratis
- Tanpa daftar
- Di perangkat Anda
Cara menggunakan
Pilih berkas dari perangkat, seret, atau tempel gambar.
Arahkan untuk melihat dan klik untuk menyimpan. Dengan keyboard, gunakan tombol panah (Shift 10 piksel) dan Enter.
Unduh hasil atau salin warna tanpa pendaftaran dan pembayaran.
Kapan digunakan
Warna brand
Temukan nilai HEX yang persis dari logo atau foto produk agar desain tetap konsisten.
Palet dari inspirasi
Ekstrak warna dominan dari foto atau karya seni sebagai titik awal palet Anda.
Dari desain ke kode
Salin warna sebagai variabel CSS atau cuplikan konfigurasi Tailwind langsung ke proyek Anda.
Hasil dan batasan
Lihat warna web termasuk transparansi. Kaca pembesar membantu memilih detail dan Anda dapat menyimpan sepuluh warna berbeda. Salin nilai atau unduh variabel CSS sebagai teks. Warna berasal dari gambar hasil dekode browser, bukan pengukuran cetak terkalibrasi.
Batas berlaku untuk masukan dan keluaran. Animasi tidak didukung. Berkas hanya ada di memori dan hilang saat halaman dimuat ulang. Gunakan kelompok kecil di ponsel.
Pertanyaan umum
Bagaimana cara mendapatkan kode HEX dari warna di gambar?
Unggah gambar, arahkan kursor untuk melihat piksel mana pun di kaca pembesar, lalu klik untuk menyimpannya. Nilai HEX, RGB, HSL, dan OKLCH muncul di samping gambar; klik sebuah nilai untuk menyalinnya.
Bagaimana warna dominan ditemukan?
Alat ini mengambil sampel dari salinan gambar yang diperkecil dan mengelompokkan warna yang mirip dengan algoritma median-cut, lalu mengurutkannya berdasarkan seberapa luas bagian gambar yang ditempati. Piksel transparan diabaikan.
Bisakah mengambil warna dari luar gambar?
Di Chrome, Edge, dan browser lain yang mendukung EyeDropper API, gunakan “Ambil dari layar” untuk mengambil sampel piksel mana pun di layar Anda.
Mengapa warna bisa sedikit berbeda dari berkas desain saya?
Gambar dengan profil warna gamut lebar seperti Display P3 dikonversi ke sRGB untuk web. Nilainya sesuai dengan tampilan di browser, yang bisa berbeda dari profil asli di hasil cetak atau perangkat lunak desain.
Apakah gambar saya diunggah?
Tidak. Browser memproses berkas tanpa mengirimnya ke Codia. Memuat ulang atau meninggalkan halaman menghapus pekerjaan. Analitik yang diizinkan tidak memuat gambar atau nama berkas.
Bisakah memproses banyak berkas?
Satu JPG, PNG, atau WebP setiap kali. Maksimal 20 MiB dan 12 MP.
Apakah kualitas dan metadata dipertahankan?
Tergantung operasi. Kompresi lossy mengubah piksel dan JPG menghapus transparansi. Ekspor ditujukan untuk gambar web 8-bit; EXIF, HDR, profil asli, dan 16-bit tidak dijamin. Periksa hasilnya.
Alat gambar terkait
Kompres gambar online
Perkecil JPG, PNG, dan WebP dengan format tetap sama.
Buka alat →PNGKompres PNG online
Kompres tangkapan layar dan grafis PNG dengan latar transparan.
Buka alat →JPG · PNG · WEBPKompres gambar ke 100KB
Sesuaikan kualitas dan dimensi dengan batas unggahan.
Buka alat →WEBP → PNGKonversi WebP ke PNG
Ubah WebP statis ke PNG dengan transparansi terjaga.
Buka alat →PNG · WEBP → JPGKonversi PNG ke JPG
Ubah PNG ke JPG dan pilih latar untuk area transparan.
Buka alat →JPG · PNG · WEBPUbah ukuran gambar online
Ubah dimensi dalam piksel atau persen tanpa merusak rasio.
Buka alat →SVG → PNGKonversi SVG ke PNG
Ekspor SVG mandiri ke PNG dalam 1×, 2×, 4×, atau lebar khusus.
Buka alat →