Pengambil Warna & Palet dari Gambar
Ambil warna-warna utama dari foto sebagai kode warna, dan pilih warna piksel mana pun
Memuat alat…
Menemukan warna-warna utama sebuah gambar dan menampilkannya sebagai kode HEX, RGB, dan HSL, serta memberi kode warna titik mana pun yang Anda tekan. Gunakan untuk mengambil warna dari foto untuk desain, atau memeriksa warna logo.
Cara pakai
- Letakkan gambar di kotak atau klik untuk memilihnya.
- "Warna utama" mencantumkan warna yang paling banyak dipakai beserta porsinya. Coba "Jumlah warna" (5 sampai 10) atau "Metode" yang lain.
- Tekan atau seret pada gambar untuk melihat warna titik itu di "Warna yang diambil". Anda bisa memperbesar dulu, dan "Area pengambilan" bisa merata-ratakan piksel di sekitarnya.
- Tekan sebuah kode untuk menyalinnya. Untuk seluruh palet, gunakan "Salin sebagai variabel CSS", "Salin sebagai JSON" atau "Simpan sebagai PNG".
Cara kerja
- Warna utama dicari pada salinan yang diperkecil menjadi paling banyak 256 piksel pada sisi panjangnya. Piksel transparan tidak dihitung.
- Median cut berulang kali membelah kelompok dengan sebaran warna paling lebar pada nilai mediannya; k-means berulang kali menghitung ulang pusat setiap kelompok. K-means sedikit lebih lama.
- 30 warna terakhir yang diambil disimpan di browser pada perangkat ini. Gambar tidak diunggah.
Pertanyaan umum
- Bagaimana cara mendapatkan kode warna dari gambar?
- Buka gambar dan tekan titik yang Anda inginkan. Kode HEX, RGB, dan HSL muncul di "Warna yang diambil"; tekan sebuah kode untuk menyalinnya.
- Apa beda HEX dan RGB?
- Keduanya adalah dua cara menulis warna yang sama. RGB memberi nilai merah, hijau, dan biru sebagai angka dari 0 sampai 255, dan HEX menulis ketiga nilai yang sama masing-masing sebagai dua digit heksadesimal. rgb(255, 0, 0) adalah #FF0000.
- Kenapa warna yang diambil sedikit berbeda dari yang terlihat?
- Piksel yang bersebelahan di foto sering sedikit berbeda. Atur "Area pengambilan" ke rata-rata 3 × 3 atau 5 × 5 piksel agar nilainya lebih stabil.
- Bisakah mengambil warna dari luar halaman ini?
- Hanya di browser yang mendukungnya. Di browser itu, tombol "Ambil dari mana saja di layar" muncul dan memungkinkan Anda mengambil titik mana pun di layar.