Desain & Gambar
Ekstrak Palet Warna dari Gambar
Ambil warna dominan dari gambar beserta porsinya, ambil warna di titik mana pun dengan pipet, lihat HEX/RGB/HSL, lalu ekspor sebagai variabel CSS, Tailwind, SCSS, JSON, atau gambar palet.
- Gratis, tanpa login
- Diproses di perangkatmu
Bagikan
Tautan alat
Pasang di situsmu
Boleh untuk blog, situs kampus, atau intranet kantor.
<iframe src="https://kelasgratis.com/alat/ekstrak-palet-warna?embed=1" width="100%" height="640" style="border:1px solid #e4e4e7;border-radius:12px" title="Ekstrak Palet Warna dari Gambar — KelasGratis" loading="lazy"></iframe>
Ekstrak Palet Warna dari Gambar
Masukan dan berkasmu diproses di peramban ini dan tidak dikirim ke server KelasGratis.
Langkah berikutnya
- Pilih gambar; warna dominan dan porsinya muncul otomatis.
- Klik gambar untuk mengambil warna tertentu dengan pipet.
- Salin kode warna atau ekspor palet, lalu periksa pasangan paling kontras di Pemeriksa kontras.
Gambar diperkecil ke ±200 piksel, lalu setiap piksel dikelompokkan ke kotak warna 4 bit per kanal dan dihitung. Warna yang terlalu mirip (jarak RGB < 40) digabung, sehingga palet berisi warna yang benar-benar berbeda. Porsi dihitung dari jumlah piksel yang paling dekat dengan tiap warna palet.
Pipet membaca piksel persis di titik yang diklik. HSL (hue, saturasi, kecerahan) memudahkan membuat variasi terang-gelap dari satu warna merek.
Palet yang baik untuk merek biasanya terdiri dari satu warna utama, satu warna aksen, dan dua atau tiga warna netral untuk teks dan latar. Setelah mengambil palet, periksa pasangan teks dan latar di Pemeriksa kontras agar tulisan tetap terbaca oleh semua orang.
Contoh: Palet dari foto produk untuk desain promosi
- Pilih foto produk; 6 warna dominan muncul dengan porsinya.
- Klik bagian logo pada foto untuk mengambil warna merek dengan pipet.
- Ekspor CSS: --warna-1 … --warna-7.
- Tekan Periksa kontras untuk memastikan teks gelap di atas warna terang tetap terbaca.
Kesalahan yang sering terjadi
- Foto dengan pencahayaan kuning atau biru menggeser semua warna; pakai foto produk dengan cahaya netral.
- Warna yang terlihat di layar belum tentu sama saat dicetak; untuk cetak minta kode warna CMYK dari percetakan.
- Warna dominan belum tentu warna merek; pakai pipet pada logo untuk mengambil warna merek yang tepat.
Apakah Ekstrak palet ini gratis?
Gratis dan tanpa akun. Prosesnya berjalan di peramban kamu; masukan dan berkasmu tidak dikirim ke server kami dan tidak disimpan setelah halaman ditutup.
Boleh dipasang di situs saya?
Boleh. Buka menu Bagikan di halaman ini lalu salin kode embed; bingkainya menampilkan alat saja beserta tautan balik ke https://kelasgratis.com/alat/ekstrak-palet-warna.