> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions.

# Kelompokkan Warna di Inkscape: Simpan atau Gabung Path?

> Pilih fill yang sama di Inkscape, tentukan Group atau Union, dan periksa warna yang bertumpuk sebelum menggabungkan. Simpan path yang bisa diedit atau ekspor berkas warna yang sejajar dengan aman.

Source: https://perfectvector.com/id/blog/inkscape-group-by-color-vs-union

Language: id
Author: Irene Kim
Published: 2026-10-01T08:00:00+09:00

Untuk mengelompokkan objek berdasarkan warna di Inkscape, pilih satu bentuk dengan fill, pilih **Edit > Select Same > Fill Color**, lalu pilih **Object > Group**. Berhenti setelah pemilihan jika Anda hanya ingin mewarnai ulang objek yang cocok. Gunakan **Path > Union** jika Anda memang ingin menggabungkan geometrinya menjadi satu path.

Keputusan ini penting saat ilustrasi banyak warna berisi bagian yang saling bertumpuk. Grup menjaga objek anggotanya tetap bisa diedit, tetapi menempatkan semua bagian merah dalam satu grup dapat mengubah bagian mana yang berada di atas bagian biru. Sebelum mengelompokkan seluruh palet, simpan salinan dan periksa tumpang tindih tersebut. Mencocokkan warna, menata objek, menggabungkan kontur, dan mengekspor berkas terpisah adalah empat pekerjaan berbeda.

> **Pilih operasi sesuai pengeditan berikutnya**
>
> * Mewarnai ulang fill yang sama: pilih objeknya lalu ubah fill.
> * Memindahkan atau mengubah ukuran beberapa bagian bersamaan: kelompokkan.
> * Menghapus batas tumpang tindih internal: gunakan Union pada salinan untuk diserahkan.
> * Menyerahkan satu berkas per warna: pertahankan kanvas bersama saat memisahkan.
> * Menjaga satu bagian merah tetap di belakang dan bagian lain di depan gambar biru: pertahankan posisi tumpukan yang terpisah.

## Pilih fill yang sama terlebih dahulu

[Tutorial dasar](https://inkscape.org/doc/tutorials/basic/tutorial-basic.html) Inkscape menjelaskan **Edit > Select Same > Fill Color**. Tutorial itu juga membedakan pemilihan berdasarkan warna stroke, gaya stroke, fill dan stroke, serta jenis objek. Pilih kriteria yang sesuai dengan properti yang ingin Anda edit.

1. Buka salinan kerja SVG.
2. Pilih satu objek yang benar-benar memiliki fill dengan alat Selector. Jika yang terpilih adalah grup, masuk ke dalamnya untuk memilih objek anggota.
3. Pilih **Edit > Select Same > Fill Color**.
4. Periksa objek yang terpilih sebelum mengubah apa pun. Cari bagian yang tidak berkaitan tetapi kebetulan memiliki fill yang sama.
5. Terapkan fill baru jika pekerjaan Anda hanya mewarnai ulang. Jika tidak, pilih operasi di bawah ini.

Memilih fill yang sama tidak berarti memilih semua objek yang terlihat merah. Gradien, stroke merah, bentuk tembus pandang, dan fill merah datar bisa tampak serupa tetapi memakai pengaturan pewarnaan berbeda. Jika hasil penjiplakan berisi corak yang hampir sama, tentukan apakah corak itu sebaiknya menjadi satu warna menggunakan [alur pengurangan palet SVG](https://perfectvector.com/id/blog/reduce-svg-colors) sebelum menatanya.

Jika tidak ada objek yang berguna terpilih, periksa apa yang Anda klik. Wadah grup dan bentuk anggotanya adalah objek berbeda. [Panduan pengelompokan Inkscape](https://inkscape-manuals.readthedocs.io/en/latest/grouping.html) menjelaskan cara masuk ke dalam grup dan mengedit anggotanya. Bitmap yang disematkan tidak memiliki bagian vector ber-fill terpisah yang bisa dipilih; [diagnosis jenis objek SVG](https://perfectvector.com/id/blog/svg-wont-ungroup) membantu mengenali kasus tersebut.

## Group, Union, Combine, atau berkas terpisah?

| Operasi                | Yang diubah        | Gunakan saat                                                        | Periksa setelahnya                                              |
| ---------------------- | ------------------ | ------------------------------------------------------------------- | --------------------------------------------------------------- |
| Select Same Fill Color | Pilihan saat ini   | Bagian yang cocok memerlukan pengeditan warna yang sama             | Bagian yang tidak berkaitan tidak ikut terpilih                 |
| Object > Group         | Penataan objek     | Bagian harus bergerak bersama dan tetap bisa diedit sendiri-sendiri | Tumpang tindih tetap sesuai dengan berkas master                |
| Path > Union           | Geometri path      | Area ber-fill yang bertumpuk harus menjadi satu kontur              | Lubang, bagian terpisah, dan batas yang diinginkan tetap ada    |
| Path > Combine         | Struktur path      | Beberapa subpath harus berada dalam satu objek path                 | Aturan fill dan area bertumpuk memberikan hasil yang diinginkan |
| Berkas warna terpisah  | Penyerahan dokumen | Penerima memerlukan satu berkas untuk setiap warna                  | Setiap berkas mempertahankan kanvas dan kesejajaran asli        |

[Panduan operasi Boolean Inkscape](https://inkscape-manuals.readthedocs.io/en/latest/boolean-operations.html) membedakan Union, yang mempertahankan kontur luar bersama, dari Combine, yang menyimpan bagian penyusunnya dalam satu objek path. Combine bukan jalan pintas yang bisa dipertukarkan dengan Union. Subpath yang bertumpuk dan aturan fill-nya dapat menghasilkan tampilan berbeda.

**Pengelompokan dan penggabungan**

![Ilustrasi perbandingan dua lingkaran koral berkontur di dalam batas grup dengan satu siluet koral yang telah digabung](https://perfectvector.com/blog/inkscape-group-by-color-vs-union/group-versus-union.webp)

*Ilustrasi: grup mempertahankan objek anggotanya; union mengganti geometri yang bertumpuk dengan satu path. Garis batas menjelaskan struktur, bukan keadaan layar Inkscape.*

Pengelompokan merupakan pilihan awal yang berguna saat desain masih diedit. Objek anggotanya tetap tersedia, dan Anda dapat membongkar grup tersebut nanti. Union menghapus batas tumpang tindih asli. Ungroup tidak dapat menciptakan kembali batas tersebut dari path yang sudah digabung; simpan berkas master jika Anda mungkin membutuhkannya lagi.

Union juga tidak berarti bagian-bagian terpisah menjadi satu bentuk yang tersambung terus-menerus. Satu path dapat berisi subpath yang tidak tersambung. Sebuah grup dan sebuah path dengan beberapa bagian terpisah bisa tampak sama, tetapi mendukung pengeditan berbeda.

## Mengapa satu warna mungkin memerlukan lebih dari satu grup

Bayangkan lencana dengan blok merah di belakang batang biru dan garis merah kedua di depan batang itu. Kedua bagian merah memiliki fill yang sama, tetapi menempati posisi berbeda dalam urutan penggambaran.

SVG kecil ini mereproduksi susunannya. Simpan sebagai berkas `.svg` dan buka di peramban atau editor:

```xml
<svg xmlns="http://www.w3.org/2000/svg"
     width="240" height="180" viewBox="0 0 240 180">
  <path id="red-back" fill="#ea5d52" d="M20 20H145V90H20Z"/>
  <path id="blue-middle" fill="#376aa7" d="M90 40H165V155H90Z"/>
  <path id="red-front" fill="#ea5d52" d="M65 105H200V140H65Z"/>
  <path id="gold-accent" fill="#dba83a" d="M185 35L215 75H170Z"/>
</svg>
```

Dalam SVG sederhana ini, bentuk yang muncul belakangan digambar di atas bentuk sebelumnya. [Model rendering SVG](https://www.w3.org/TR/SVG2/render.html) menjelaskan urutan dokumen dan cara grup dirender.

Kami membuat empat versi contoh ini dan memeriksanya di peramban. Masing-masing mempertahankan empat definisi path dan koordinat yang sama. Hanya penempatannya di dalam wadah grup yang berubah:

| Susunan dokumen                                       | Hasil yang terlihat                                 |
| ----------------------------------------------------- | --------------------------------------------------- |
| Merah belakang, biru tengah, merah depan, aksen emas  | Biru menutupi blok merah; garis merah menutupi biru |
| Kedua path merah dalam satu grup sebelum biru         | Biru juga menutupi garis merah                      |
| Kedua path merah dalam satu grup sesudah biru         | Blok merah juga menutupi biru                       |
| Satu grup merah sebelum biru dan satu lagi sesudahnya | Tumpang tindih asli tetap terjaga                   |

Metode: semuanya adalah pohon dokumen SVG yang dibuat secara manual, bukan keluaran yang direkam dari Inkscape. Contoh ini menunjukkan batasan urutan penggambaran; contoh ini tidak memprediksi posisi tumpukan yang akan dipilih oleh tindakan pengelompokan tertentu di Inkscape.

Satu grup tidak dapat menempatkan satu anggotanya sebelum objek biru yang setingkat dan anggota lain sesudah objek biru yang sama. Untuk desain ini, pertahankan dua grup merah atau biarkan objek terpisah. Jika tujuannya mewarnai ulang, gunakan pemilihan fill yang sama tanpa mengelompokkannya. [Panduan urutan tumpukan SVG](https://perfectvector.com/id/blog/svg-z-index-order) membahas diagnosis yang lebih luas saat tumpang tindih berubah setelah ekspor.

## Kelompokkan dengan aman sambil menjaga master yang bisa diedit

1. Simpan berkas master tanpa perubahan dan salinan kerja.
2. Pilih fill yang sama dan catat objek yang terpilih.
3. Periksa tempat warna lain melintasi objek-objek itu. Jika bagian yang cocok berada di kedua sisi objek lain dalam tumpukan, hindari satu grup menyeluruh.
4. Kelompokkan sebagian objek yang bisa berbagi satu posisi tumpukan dengan **Object > Group**. Ulangi untuk bagian lain jika diperlukan.
5. Bandingkan gambar dengan master pada ukuran normal dan di setiap tumpang tindih.
6. Masuk ke dalam grup dan pilih satu anggota untuk memastikan pengeditan individual tetap tersedia.
7. Simpan, buka kembali, dan periksa di aplikasi tujuan sebelum menyerahkan.

Untuk kumpulan bentuk sederhana yang tidak saling bertumpuk, satu grup per warna mungkin praktis. Untuk huruf yang saling berjalin, lencana, atau ilustrasi berlapis, grup berdasarkan bagian desain mungkin lebih mudah dipelihara daripada grup berdasarkan palet.

Pilih Union hanya setelah desain memang membutuhkan geometri gabungan. Pada salinan, pilih path ber-fill yang dimaksud, pilih **Path > Union**, lalu periksa kontur dan lubang hasilnya. Jangan memilih semua fill yang cocok hanya karena tersedia: aksen kecil dan latar besar bisa berbagi warna tetapi perlu diedit secara terpisah.

## Jika hasil yang diserahkan adalah satu berkas per warna

Berkas terpisah memenuhi kebutuhan penyerahan; berkas itu tidak mempertahankan penataan yang bisa diedit dari master lengkap. Pertahankan lebar, tinggi, viewBox, dan posisi objek asli di setiap keluaran. Pemangkasan rapat membuang acuan registrasi bersama.

Ikuti [panduan pemisahan warna SVG yang sejajar](https://perfectvector.com/id/blog/separate-svg-colors-into-files) untuk alur tersebut. Sebelum memisahkan lencana ini, tentukan juga apa yang harus terjadi pada geometri tersembunyi. Blok merah memanjang di bawah biru pada master. Berkas khusus merah dapat memperlihatkan seluruh blok itu karena objek biru yang menutupinya tidak ada. Pengelompokan saja tidak mengurangi area tersembunyi atau menghasilkan separasi warna siap produksi.

## Jika gambar bermula dari PNG atau JPG

PerfectVector sesuai digunakan sebelum tahap pengeditan ini jika sumbernya adalah logo raster atau ilustrasi datar. [Alur gambar-ke-vektor](https://perfectvector.com/id/image-to-vector) dapat mengubah gambar yang sesuai menjadi path SVG yang bisa Anda periksa dan tata di Inkscape. Vektorisasi memulihkan geometri dari gambar yang terlihat; proses ini tidak merekonstruksi grup bernama milik desainer atau menentukan bagian sewarna mana yang harus digabung.

Untuk SVG yang sudah bisa diedit, tetap gunakan editor. Menjiplak ulang tangkapan layar bisa menghilangkan path, lubang, dan informasi tumpukan yang berguna. Jika Anda tidak yakin perlu melakukan penjiplakan, [penjelasan vektorisasi gambar](https://perfectvector.com/id/blog/what-is-image-vectorization) menerangkan apa yang diubah oleh konversi tersebut.

Sebelum menyerahkan berkas, pastikan tiga hal: tumpang tindih sesuai master, satu anggota dari setiap grup yang bisa diedit masih dapat dipilih, dan setiap bentuk hasil union untuk penyerahan memiliki lubang serta bagian terpisah yang diinginkan. Periksa berkas setelah diimpor alih-alih menganggap semua aplikasi menafsirkan penataan editor dengan cara yang sama.

## Pertanyaan umum

**Bagaimana cara memilih semua objek dengan fill yang sama di Inkscape?**
Pilih satu objek ber-fill, lalu pilih Edit > Select Same > Fill Color. Periksa pilihan sebelum mengedit; fill yang sama juga bisa dimiliki bagian desain yang tidak berkaitan.

**Apakah mengelompokkan berdasarkan warna menggabungkan path?**
Tidak. Object > Group mempertahankan objek anggota di dalam wadah. Path > Union menggabungkan geometrinya menjadi satu path dan dapat menghapus batas tumpang tindih.

**Mengapa tumpang tindih berubah setelah saya mengelompokkan warna yang sama?**
Bagian yang cocok mungkin menempati posisi berbeda di sekitar warna lain dalam tumpukan. Menempatkannya dalam satu grup memberi wadah itu satu posisi tumpukan. Pertahankan beberapa grup atau warnai ulang pilihan tanpa pengelompokan.

**Bisakah saya membatalkan Union dengan Ungroup?**
Tidak. Ungroup menghapus wadah grup; operasi itu tidak mengembalikan objek asli dari path hasil union. Gunakan Undo atau kembali ke master yang bisa diedit jika batas-batas tersebut penting.

## Sumber

1. [Inkscape — Tutorial dasar](https://inkscape.org/doc/tutorials/basic/tutorial-basic.html) — Menjelaskan pemilihan objek berdasarkan warna fill dan membedakan properti pencocokan lainnya.
2. [Inkscape — Mengelompokkan Objek](https://inkscape-manuals.readthedocs.io/en/latest/grouping.html) — Menjelaskan grup, grup bertingkat, pengeditan anggota individual, dan pembongkaran grup.
3. [Inkscape — Operasi Boolean](https://inkscape-manuals.readthedocs.io/en/latest/boolean-operations.html) — Membedakan Union, Combine, dan subpath terpisah.
4. [W3C — Model Rendering SVG 2](https://www.w3.org/TR/SVG2/render.html) — Mendefinisikan urutan penggambaran dokumen dan rendering grup yang digunakan pada contoh lencana.

***

Jika gambar awal Anda adalah PNG atau JPG, [ubah gambar Anda sendiri menjadi SVG dengan PerfectVector](https://perfectvector.com/id/image-to-vector), lalu periksa satu pilihan warna dan setiap tumpang tindih di Inkscape sebelum menentukan apa yang akan dikelompokkan atau digabung.

## Explore

- [Read the HTML article](https://perfectvector.com/id/blog/inkscape-group-by-color-vs-union)
- [Boolean SVG Paper.js: Potong dan Gabungkan Artwork Impor](https://perfectvector.com/id/blog/paperjs-svg-booleans.md)
- [Impor SVG Fabric.js: Jaga Artwork Tetap Dapat Diedit pada Canvas](https://perfectvector.com/id/blog/fabricjs-import-svg.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)
