정확한 로고 색상
로고 색상 추출기
로고 색상 추출기는 로고 파일에서 정확한 색상 코드를 찾습니다. 배경과 가장자리의 혼합 픽셀을 제거한 뒤, 각 로고 색상을 HEX, RGB, HSL, OKLCH, Lab 값과 CMYK 추정값으로 제공합니다.
- 무료, 가입 불필요
- 이미지는 기기 밖으로 전송되지 않음
- 정확한 픽셀 색상
여기에 로고를 놓으세요
또는 Ctrl+V로 붙여넣기. SVG, PNG, JPG, WebP. 투명 PNG나 SVG는 정확한 색상을 제공합니다.
로고 색상 추출기는 어떻게 작동하나요?
로고 색상 추출기는 로고 파일의 정확한 색상을 세고, 배경이나 가장자리 혼합에 속한 색상을 제거한 뒤, 나머지 색상을 면적순으로 반환합니다.
로고 추가
SVG, PNG, JPG, WebP 파일을 놓거나 복사한 로고를 붙여넣습니다. SVG 파일과 투명 PNG 파일은 정확한 값을 제공합니다.
배경 제거
이미지 바깥 테두리의 60% 이상이 한 가지 색이면 그 색상은 배경으로 간주되어 팔레트에서 빠집니다. 스위치로 다시 포함할 수 있습니다.
가장자리 혼합 제거
곡선을 따라 있는 픽셀에는 인접한 색상이 섞여 있습니다. 두 로고 색상 사이의 혼합선 위에 있으면서 가장자리에만 나타나는 색상은 제거됩니다.
코드 복사
각 로고 색상에는 HEX, RGB, HSL, HSB, OKLCH, Lab, CMYK 값과 흰색 및 검은색에 대한 WCAG 대비가 표시됩니다.
로고에 추가 색상이 보이는 이유는 무엇인가요?
로고에 추가 색상이 보이는 원인은 안티에일리어싱과 압축입니다. 안티에일리어싱은 곡선과 대각선 가장자리의 픽셀을 인접한 색상과 섞고, JPEG 압축은 가장자리 근처의 색상을 변화시킵니다.
로고 모드는 그룹을 평균하는 대신 정확한 색상을 세고, 각 색상에서 가장 자주 나타나는 실제 값을 유지하며, 혼합 색상을 제거합니다. 사진용 추출기는 이런 혼합 색상을 별도의 색상으로 보고합니다.
어떤 로고 파일이 가장 정확한 색상을 제공하나요?
| 파일 형식 | 색상 정확도 | 이유 |
|---|---|---|
| SVG | 정확 | 벡터 도형은 색상 코드를 텍스트로 저장하며, 추출기는 결과를 그 값에 맞춥니다 |
| PNG | 정확 | 무손실 압축으로 모든 픽셀 값이 유지됩니다 |
| WebP(무손실)와 GIF | 정확 | 무손실 저장 방식입니다. GIF는 최대 256색을 담습니다 |
| JPEG | 근사치 | 손실 압축과 크로마 서브샘플링이 색상을 바꾸며, 가장자리에서 가장 크게 바뀝니다 |
로고의 정확한 색상 코드를 찾는 방법 가이드에서 파일 형식과 인쇄용 코드를 자세히 설명합니다.
로고에는 어떤 색상 코드가 필요한가요?
로고에는 웹사이트용 HEX 코드, 화면 디자인용 RGB 값, 프로세스 인쇄용 CMYK 값, 별색 인쇄용 Pantone 참조값이 필요합니다.
| 코드 체계 | 매체 | 제공 여부 |
|---|---|---|
| HEX | 웹사이트와 CSS | 정확한 값 |
| RGB | 화면, 앱, 동영상 | 정확한 값 |
| CMYK | 프로세스 인쇄 | ICC 프로필 없는 추정값 |
| Pantone (PMS) | 별색 인쇄 | Pantone 색상 데이터는 라이선스 대상이므로 제공하지 않음 |
웹사이트가 로고 색상을 사용하는지 어떻게 확인하나요?
웹사이트 색상 추출기로 사이트를 분석하고 사이트의 브랜드 색상을 로고의 HEX 코드와 비교합니다. 두 코드가 다르면 사이트는 로고 색상의 근사치를 사용하는 것입니다.
대비 탭은 각 로고 색상이 흰색 또는 검은색 배경의 텍스트로서 WCAG 대비를 통과하는지 보여 줍니다. WCAG는 로고를 대비 요구 사항에서 제외하지만, 브랜드 색상으로 쓴 텍스트에는 여전히 4.5:1이 필요합니다.
로고 색상 추출기는 누구에게 필요한가요?
소상공인
스토어 테마, 공지 배너, 소셜 그래픽을 정확한 로고 색상에 맞춥니다.
디자이너
브랜드 가이드가 없을 때 클라이언트의 로고에서 브랜드 팔레트를 재구성합니다.
인쇄 발주자
인쇄소와 논의할 정확한 화면 값과 CMYK 기준값을 수집합니다.
개발자
로고 색상을 CSS 변수나 Tailwind 테마로 내보냅니다.
로고 색상 추출기 자주 묻는 질문
로고의 Pantone 색상을 알 수 있나요?
아니요. Pantone 색상 데이터는 라이선스 대상이므로, 추출기는 정확한 HEX와 RGB 값, CMYK 추정값을 제공합니다. 인쇄소나 Pantone 자체 도구가 이 값으로 PMS 색상을 매칭합니다.
JPG 로고에서 예상보다 많은 색상이 나오는 이유는 무엇인가요?
JPEG 압축은 가장자리 근처의 색상을 바꿉니다. 유사 색상 병합 값을 높이거나, 정확한 값을 얻으려면 PNG나 SVG 버전의 로고를 사용하세요.
배경이 로고의 일부라면 어떻게 하나요?
배경 제거를 끄세요. 그러면 배경 색상이 이미지 내 비율과 함께 팔레트에 다시 표시됩니다.
로고가 업로드되나요?
아니요. 로고는 브라우저에서 디코딩되고 분석되며 기기 밖으로 전송되지 않습니다.
웹사이트에 있는 로고의 색상도 알 수 있나요?
네. 웹사이트 색상 추출기는 URL의 헤더 로고와 사이트 아이콘을 읽고, 그 색상을 CSS 색상 옆에 나열합니다.