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

# Inkscape 색상별 그룹화: 패스를 유지할까, 합칠까?

> Inkscape에서 같은 채우기 색을 선택한 뒤 Group과 Union 중 필요한 작업을 고릅니다. 겹치는 색상을 확인하고 편집 가능한 패스를 보존하거나 정렬된 색상별 파일을 내보내세요.

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

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

Inkscape에서 개체를 색상별로 그룹화하려면 채우기가 있는 도형 하나를 선택하고 **Edit > Select Same > Fill Color**를 실행한 다음 **Object > Group**을 선택하세요. 같은 색상의 개체를 다시 칠하는 것이 목적이라면 선택 단계에서 멈추면 됩니다. 기하 형태를 하나의 패스로 합치려는 경우에는 **Path > Union**을 사용하세요.

여러 색상의 조각이 겹친 일러스트에서는 이 선택이 중요합니다. 그룹은 내부 개체를 개별적으로 편집할 수 있게 유지하지만, 빨간 조각을 모두 한 그룹에 넣으면 파란 조각과의 앞뒤 관계가 바뀔 수 있습니다. 전체 색상 팔레트를 그룹화하기 전에 사본을 저장하고 겹침을 확인하세요. 같은 색상을 찾는 작업, 개체를 정리하는 작업, 윤곽선을 합치는 작업, 별도 파일로 내보내는 작업은 서로 다릅니다.

> **다음 편집 작업에 맞는 명령을 선택하세요**
>
> * 같은 채우기 색을 바꾸려면 해당 개체를 선택한 뒤 채우기를 변경하세요.
> * 여러 조각을 함께 이동하거나 크기를 조절하려면 그룹화하세요.
> * 겹친 영역 내부의 경계를 없애려면 납품용 사본에 Union을 적용하세요.
> * 색상별 파일을 전달하려면 분리 과정에서 공통 캔버스를 유지하세요.
> * 빨간 조각이 파란 그림의 뒤와 앞에 각각 있어야 한다면 서로 다른 쌓임 위치를 보존하세요.

## 먼저 같은 채우기 색을 선택하기

Inkscape의 [기초 튜토리얼](https://inkscape.org/doc/tutorials/basic/tutorial-basic.html)은 **Edit > Select Same > Fill Color**를 안내합니다. 획 색상, 획 스타일, 채우기와 획, 개체 유형을 기준으로 선택하는 방법도 구분합니다. 수정하려는 속성에 맞는 기준을 고르세요.

1. 작업용 SVG 사본을 여세요.
2. Selector 도구로 실제 채우기 개체 하나를 선택하세요. 그룹이 선택되었다면 그룹 안으로 들어가 자식 개체를 선택하세요.
3. **Edit > Select Same > Fill Color**를 실행하세요.
4. 변경하기 전에 선택된 개체를 검사하세요. 우연히 같은 채우기를 사용하는 관련 없는 조각이 포함되었는지 확인하세요.
5. 색상 변경만 필요하다면 새 채우기를 적용하세요. 다른 작업이 필요하다면 아래에서 적절한 명령을 고르세요.

같은 채우기 색을 선택하는 것은 빨갛게 보이는 모든 개체를 선택하는 것과 다릅니다. 그라디언트, 빨간 획, 반투명 도형, 단색 빨간 채우기는 비슷하게 보여도 서로 다른 페인트 설정을 사용할 수 있습니다. 추적 결과에 거의 같은 색조가 여러 개 있다면 정리하기 전에 [SVG 팔레트 축소 작업 절차](https://perfectvector.com/ko/blog/reduce-svg-colors)로 한 색상으로 통합할지 판단하세요.

원하는 항목이 선택되지 않는다면 무엇을 클릭했는지 확인하세요. 그룹 컨테이너와 내부 도형은 서로 다른 개체입니다. [Inkscape 그룹화 가이드](https://inkscape-manuals.readthedocs.io/en/latest/grouping.html)는 그룹에 들어가 내부 항목을 편집하는 방법을 설명합니다. 삽입된 비트맵에는 별도로 선택할 벡터 채우기 조각이 없습니다. [SVG 개체 유형 진단](https://perfectvector.com/ko/blog/svg-wont-ungroup)으로 이 경우를 확인할 수 있습니다.

## Group, Union, Combine, 색상별 파일 중 무엇을 선택할까요?

| 작업                     | 바뀌는 것     | 사용하기 적절한 경우                 | 작업 후 확인                    |
| ---------------------- | --------- | --------------------------- | -------------------------- |
| Select Same Fill Color | 현재 선택     | 같은 색상의 조각에 동일한 색상 편집이 필요할 때 | 관련 없는 조각이 함께 선택되지 않았는지     |
| Object > Group         | 개체 구성     | 함께 이동하면서도 각각 편집할 수 있어야 할 때  | 겹침이 원본과 같은지                |
| Path > Union           | 패스의 기하 형태 | 겹친 채우기 영역을 하나의 윤곽선으로 합칠 때   | 구멍, 분리된 영역, 필요한 경계가 남아 있는지 |
| Path > Combine         | 패스 구조     | 여러 하위 패스를 하나의 패스 개체에 넣을 때   | 채우기 규칙과 겹침이 의도한 결과를 만드는지   |
| 색상별 파일 분리              | 문서 전달 방식  | 받는 사람이 색상별 파일을 요구할 때        | 모든 파일이 원래 캔버스와 정렬을 유지하는지   |

[Inkscape 불리언 연산 가이드](https://inkscape-manuals.readthedocs.io/en/latest/boolean-operations.html)는 공통 바깥 윤곽선을 남기는 Union과, 구성 요소를 하나의 패스 개체 안에 유지하는 Combine을 구분합니다. Combine을 Union 대신 사용할 수 있는 것은 아닙니다. 겹치는 하위 패스와 채우기 규칙에 따라 보이는 결과가 달라질 수 있습니다.

**그룹화와 병합**

![그룹 경계 안의 윤곽선이 있는 산호색 원 두 개와 하나로 합쳐진 산호색 실루엣을 비교한 설명용 그림](https://perfectvector.com/blog/inkscape-group-by-color-vs-union/group-versus-union.webp)

*설명용 그림: 그룹은 구성 개체를 유지하고, Union은 겹친 기하 형태를 하나의 패스로 바꿉니다. 경계선은 구조를 설명하며 Inkscape의 실제 화면 상태가 아닙니다.*

디자인을 계속 편집하는 동안에는 그룹화가 유용한 기본 선택입니다. 자식 개체를 그대로 사용할 수 있고 나중에 그룹을 해제할 수도 있습니다. Union은 원래의 겹침 경계를 없앱니다. Ungroup으로 합쳐진 패스에서 그 경계를 다시 만들 수는 없으므로, 다시 필요할 가능성이 있다면 원본을 보존하세요.

Union을 실행한다고 떨어져 있는 영역이 하나의 이어진 도형이 되는 것도 아닙니다. 하나의 패스에 서로 연결되지 않은 하위 패스가 들어갈 수 있습니다. 그룹과 여러 분리 영역이 있는 패스는 비슷하게 보여도 가능한 편집 작업이 다릅니다.

## 같은 색상에 그룹이 여러 개 필요할 수 있는 이유

파란 막대 뒤에 빨간 사각형이 있고 그 막대 앞에 두 번째 빨간 띠가 있는 배지를 생각해 보세요. 두 빨간 조각의 채우기 색은 같지만 그려지는 순서에서 서로 다른 위치에 있습니다.

다음 작은 SVG로 이 배치를 재현할 수 있습니다. `.svg` 파일로 저장한 뒤 브라우저나 편집기에서 여세요.

```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>
```

이 일반적인 SVG에서는 뒤에 나오는 도형이 앞선 도형 위에 그려집니다. [SVG 렌더링 모델](https://www.w3.org/TR/SVG2/render.html)은 문서 순서와 그룹의 렌더링 방식을 설명합니다.

이 예제의 네 가지 버전을 직접 작성해 브라우저에서 검사했습니다. 모두 같은 패스 정의 네 개와 같은 좌표를 유지했습니다. 달라진 것은 그룹 컨테이너 안에서의 배치뿐입니다.

| 문서 배치                               | 보이는 결과                      |
| ----------------------------------- | --------------------------- |
| 뒤쪽 빨강, 가운데 파랑, 앞쪽 빨강, 금색 장식         | 파랑이 빨간 사각형을 덮고 빨간 띠가 파랑을 덮음 |
| 빨간 패스 둘을 파랑 앞 순서의 한 그룹에 배치          | 파랑이 빨간 띠도 덮음                |
| 빨간 패스 둘을 파랑 뒤 순서의 한 그룹에 배치          | 빨간 사각형도 파랑을 덮음              |
| 빨간 그룹 하나를 파랑 앞 순서에, 다른 그룹을 뒤 순서에 배치 | 원래 겹침을 그대로 유지               |

제작 방법: Inkscape에서 캡처한 출력이 아니라 SVG 문서 트리를 직접 구성한 예제입니다. 그려지는 순서의 제약을 보여주며, 특정 Inkscape 그룹화 명령이 어떤 쌓임 위치를 선택하는지 예측하는 예제는 아닙니다.

한 그룹 안의 자식 하나는 파란 형제 개체보다 앞에, 다른 자식은 같은 형제보다 뒤에 그리도록 배치할 수 없습니다. 이 디자인에서는 빨간 그룹 두 개를 유지하거나 개체를 분리된 상태로 두세요. 색상 변경이 목적이라면 그룹화 없이 같은 채우기 색 선택만 사용하면 됩니다. 내보내기 후 겹침이 바뀌는 문제는 [SVG 쌓임 순서 가이드](https://perfectvector.com/ko/blog/svg-z-index-order)에서 더 자세히 다룹니다.

## 편집 가능한 원본을 유지하며 안전하게 그룹화하기

1. 수정하지 않은 원본과 작업용 사본을 저장하세요.
2. 같은 채우기 색을 선택하고 어떤 개체가 선택되었는지 확인하세요.
3. 다른 색상이 그 개체와 교차하는 위치를 살펴보세요. 같은 색상의 조각이 다른 개체의 앞뒤에 걸쳐 있다면 전체를 한 그룹으로 묶지 마세요.
4. 같은 쌓임 위치를 공유해도 되는 일부 개체를 **Object > Group**으로 그룹화하세요. 필요하면 다른 일부 개체에도 반복하세요.
5. 실제 사용 크기와 각 겹침 부위에서 원본과 비교하세요.
6. 그룹에 들어가 자식 하나를 선택하여 개별 편집이 가능한지 확인하세요.
7. 저장하고 다시 연 뒤 납품 전에 대상 애플리케이션에서 검사하세요.

겹치지 않는 단순한 도형 모음은 색상마다 한 그룹으로 묶으면 편리할 수 있습니다. 서로 엮인 글자, 배지, 여러 층의 일러스트는 팔레트 기준보다 디자인 구성 요소 기준으로 그룹을 정리하는 편이 관리하기 쉬울 수 있습니다.

디자인에 병합된 기하 형태가 필요할 때만 Union을 선택하세요. 사본에서 원하는 채우기 패스를 선택하고 **Path > Union**을 실행한 뒤 결과 윤곽선과 구멍을 검사하세요. 선택할 수 있다는 이유만으로 같은 색상 전체를 선택하지 마세요. 작은 장식과 큰 배경은 색이 같아도 독립적인 편집이 필요할 수 있습니다.

## 납품물이 색상별 파일인 경우

별도 파일은 전달 요구사항을 충족하지만 전체 원본의 편집 구조를 보존하지는 않습니다. 각 출력에서 원래 너비, 높이, viewBox, 개체 위치를 유지하세요. 그림에 딱 맞게 자르면 공통 정렬 기준이 사라집니다.

이 작업은 [정렬을 유지한 SVG 색상 분리 가이드](https://perfectvector.com/ko/blog/separate-svg-colors-into-files)를 따르세요. 이 배지를 분리하기 전에는 가려진 기하 형태를 어떻게 처리할지도 정해야 합니다. 원본에서 빨간 사각형은 파랑 아래까지 이어집니다. 빨강만 있는 파일에서는 덮고 있던 파란 개체가 없어 사각형 전체가 드러날 수 있습니다. 그룹화만으로 가려진 영역을 빼거나 제작에 바로 사용할 색상 분리를 만들 수는 없습니다.

## 원본이 PNG 또는 JPG인 경우

래스터 로고나 단순한 색상 영역의 일러스트가 원본이라면 이 편집 단계 전에 PerfectVector를 사용할 수 있습니다. [이미지 벡터 변환 작업 절차](https://perfectvector.com/ko/image-to-vector)는 적합한 그림을 SVG 패스로 바꾸며, 이후 Inkscape에서 검사하고 정리할 수 있습니다. 벡터 변환은 보이는 이미지에서 기하 형태를 재구성합니다. 디자이너가 이름 붙인 그룹을 복원하거나 같은 색상의 어떤 조각을 합칠지 결정하지는 않습니다.

이미 편집 가능한 SVG가 있다면 편집기에서 작업하세요. 스크린샷을 다시 추적하면 유용한 패스, 구멍, 쌓임 정보를 잃을 수 있습니다. 추적이 필요한지 확실하지 않다면 [이미지 벡터 변환 설명](https://perfectvector.com/ko/blog/what-is-image-vectorization)에서 변환으로 달라지는 내용을 확인하세요.

파일을 전달하기 전에 세 가지를 확인하세요. 겹침이 원본과 같고, 각 편집 가능한 그룹의 구성원 하나를 여전히 선택할 수 있으며, Union을 적용한 납품용 도형에 의도한 구멍과 분리 영역이 남아 있어야 합니다. 모든 애플리케이션이 편집기의 구성을 똑같이 해석한다고 가정하지 말고 가져온 파일을 검사하세요.

## 자주 묻는 질문

**Inkscape에서 채우기 색이 같은 개체를 모두 선택하려면 어떻게 하나요?**
채우기가 있는 개체 하나를 선택한 뒤 Edit > Select Same > Fill Color를 실행하세요. 같은 채우기를 사용하는 개체가 디자인의 관련 없는 부분일 수도 있으므로 편집 전에 선택 결과를 확인하세요.

**색상별로 그룹화하면 패스가 합쳐지나요?**
아니요. Object > Group은 컨테이너 안에 구성 개체를 유지합니다. Path > Union은 기하 형태를 하나의 패스로 합치며 겹침 경계를 없앨 수 있습니다.

**같은 색상을 그룹화했는데 겹침이 바뀐 이유는 무엇인가요?**
같은 색상의 조각이 쌓임 순서에서 다른 색상의 앞뒤에 각각 있었을 수 있습니다. 한 그룹에 넣으면 그 컨테이너는 쌓임 위치 하나를 갖습니다. 여러 그룹을 유지하거나 그룹화 없이 선택한 개체의 색상을 바꾸세요.

**Ungroup으로 Union을 되돌릴 수 있나요?**
아니요. Ungroup은 그룹 컨테이너를 제거하며 합쳐진 패스에서 원래 개체를 복원하지는 않습니다. 그 경계가 필요하다면 Undo를 사용하거나 편집 가능한 원본으로 돌아가세요.

## 출처

1. [Inkscape: 기초 튜토리얼](https://inkscape.org/doc/tutorials/basic/tutorial-basic.html): 채우기 색으로 개체를 선택하는 방법과 다른 일치 속성을 구분합니다.
2. [Inkscape: 개체 그룹화](https://inkscape-manuals.readthedocs.io/en/latest/grouping.html): 그룹, 중첩 그룹, 개별 구성원 편집, 그룹 해제를 설명합니다.
3. [Inkscape: 불리언 연산](https://inkscape-manuals.readthedocs.io/en/latest/boolean-operations.html): Union, Combine, 분리된 하위 패스를 구분합니다.
4. [W3C: SVG 2 렌더링 모델](https://www.w3.org/TR/SVG2/render.html): 배지 예제에서 사용한 문서의 그려지는 순서와 그룹 렌더링을 정의합니다.

***

원본 그림이 PNG나 JPG라면 [PerfectVector로 직접 이미지를 SVG로 변환](https://perfectvector.com/ko/image-to-vector)한 뒤, Inkscape에서 한 색상의 선택 결과와 모든 겹침을 검사하고 어떤 개체를 그룹화하거나 합칠지 결정하세요.

## Explore

- [Read the HTML article](https://perfectvector.com/ko/blog/inkscape-group-by-color-vs-union)
- [Paper.js SVG 불리언 연산: 가져온 아트워크 자르기와 합치기](https://perfectvector.com/ko/blog/paperjs-svg-booleans.md)
- [Fabric.js SVG 가져오기: 캔버스에서 아트워크 편집 가능하게 유지하기](https://perfectvector.com/ko/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)