1. 선명한 원본 이미지 불러오기
색 영역을 알아보기 쉬운 이미지를 끌어 놓거나 선택하거나 붙여 넣으세요. 평면적인 그림이 특히 잘 맞지만 음영이 있는 일러스트와 스크린샷도 처리합니다. 샘플 이미지로 전체 흐름을 바로 시험할 수 있습니다.
비공개 이미지 팔레트 도구
이미지에서 만화 색상 팔레트 만들기
만화, 일러스트, 스크린샷, 참고 이미지를 간결한 작업용 팔레트로 바꾸세요. Toon Tone은 서로 구분되는 주요 색을 찾고 HEX, RGB, HSB를 보여 주며, 중요한 색을 잠근 채 나머지만 다시 생성하고 추출한 색으로 짧은 기억 연습도 할 수 있게 합니다.
2026년 7월 21일 업데이트
만화 색상 팔레트 생성기
이 만화 색상 팔레트 생성기는 무엇을 하나요?
현재 브라우저 탭에서 이미지를 읽고, 가까운 픽셀 색을 묶고, 화면에서 차지하는 비중을 기준으로 후보를 정렬한 뒤 서로 충분히 다른 5개 또는 8개의 색을 고릅니다. 각 결과에는 복사 가능한 HEX, RGB, HSB 값이 포함됩니다. 마음에 드는 색은 잠근 채 나머지 자리만 다시 생성하고, 라벨이 붙은 PNG나 CSS 변수를 내보내거나 한 색을 골라 5초 색상 기억 테스트를 할 수 있습니다. 결과는 실용적인 시각 요약이며 특정 캐릭터, 스튜디오, 브랜드의 공식 팔레트라는 뜻은 아닙니다.
기기 내 주요 색상 추출
이미지에서 색상 팔레트 생성
만화, 일러스트, 스크린샷, 사진을 불러오세요. 브라우저가 서로 다른 5개 또는 8개의 색을 제안하며, 필요한 색은 잠근 채 나머지만 다시 생성할 수 있습니다.
기기에서 처리하며 이미지를 전송하지 않음
이미지를 여기에 놓으세요또는 기기에서 파일을 선택하세요
클립보드의 이미지도 붙여 넣을 수 있습니다 · JPG, PNG, WebP, GIF, AVIF, BMP, 최대 12MB생성 팔레트
주요하고 구분되는 이미지 색상
비중은 샘플 영역의 추정치입니다. 숫자와 함께 원본에서 색의 역할을 확인하세요.
이미지를 불러오면 팔레트가 생성됩니다.
5초 색상 기억
생성 색상을 기억 테스트로 바꾸기
색상 카드에서 연습을 누르고 5초 동안 본 뒤 HSB로 다시 만들어 Toon Tone 연습 점수를 확인하세요.
생성 색상 카드의 연습을 선택하면 시작합니다.
로컬 샘플 팔레트를 불러오는 중입니다.
기기에서 처리하며 이미지를 전송하지 않음
이미지는 현재 브라우저 탭 안에만 머뭅니다
이미지 해석, 축소, 색상 그룹화, 팔레트 생성, PNG 내보내기는 모두 사용자의 기기에서 브라우저 API로 실행됩니다. 이 페이지에는 이미지 업로드 서버, 계정 보관함, 클라우드 저장 단계가 없습니다. 탭을 새로 고치거나 닫으면 작업 이미지와 추출 색상이 사라집니다. 이 보호 범위는 도구의 처리 경로에 적용되며, 기기와 브라우저 확장 프로그램, 내려받은 파일의 보안은 사용자가 별도로 관리해야 합니다.
- 서버로 이미지 전송 안 함
- 계정 및 클라우드 보관함 없음
- 팔레트 파일을 기기에서 생성
쓸모 있는 만화 색상 팔레트를 만드는 방법
좋은 결과는 분명한 원본에서 시작하고 의도적인 선택으로 끝납니다. 아래 흐름은 빠르게 추출하면서도 최종 판단을 사용자에게 남깁니다.
2. 추출하고 잠근 뒤 다시 생성하기
간결한 정체성 팔레트에는 5색, 보조 음영까지 보고 싶다면 8색을 선택하세요. 유지할 색을 잠그고 재생성하면 잠기지 않은 자리만 새 후보로 바뀝니다.
3. 내보내거나 기억 연습하기
한 색이나 전체 목록, CSS 변수를 복사하고 라벨이 붙은 PNG를 저장할 수 있습니다. 색상 카드의 연습을 누르면 5초 동안 본 색을 숨긴 뒤 HSB로 재현하고 점수를 확인합니다.
브라우저가 서로 다른 주요 색을 고르는 방식
생성형 AI가 아니라 같은 입력을 다시 확인하기 쉬운 결정적 시각 요약 절차를 사용합니다. 처리 크기를 줄이고 가까운 픽셀을 묶은 뒤 선택된 색 사이의 지각적 거리를 지킵니다.
| 단계 | 처리 내용 | 필요한 이유 |
|---|---|---|
| 로컬 샘플링 | 원본 파일을 전송하지 않고 브라우저가 축소한 캔버스를 읽습니다. | 큰 이미지도 빠르게 처리하면서 전체 색 분포와 개인 정보를 지킵니다. |
| 색상 그룹화 | 서로 가까운 RGB 픽셀을 작은 구간에 모아 평균 후보 색을 계산합니다. | 질감과 압축 차이 때문에 거의 같은 색이 여러 칸을 차지하는 일을 줄입니다. |
| 구분되는 색 선택 | 자주 보이는 후보를 정렬하고 이미 고른 색과의 지각적 차이를 확인합니다. | 단순 빈도만 따르지 않고 서로 다른 역할을 맡는 5색 또는 8색을 남깁니다. |
추출한 만화 팔레트가 유용한 상황
원본과 관심 영역, 다음 작업이 분명할수록 생성 팔레트를 더 정확히 해석할 수 있습니다. 같은 색상도 목적에 따라 다른 방식으로 사용합니다.
일러스트와 애니메이션 연구
한 프레임을 요약하고 따뜻한 색과 차가운 색의 역할, 캐릭터·소품·배경의 시각적 비중을 비교하세요. 공식 제작 색상표가 아니라 관찰용 자료로 다룹니다.
디자인 토큰과 무드 보드
초안 인터페이스, 발표 자료, 무드 보드에 HEX 값이나 CSS 변수를 사용하세요. 실제 제품 토큰으로 채택하기 전에 대비와 공식 브랜드 자료를 확인해야 합니다.
색상 기억 연습
생성된 색을 5초 동안 보고 숨긴 뒤 색상, 채도, 밝기를 기억으로 다시 만드세요. 수동적인 코드 목록을 반복 가능한 시각 연습으로 바꿉니다.
만화 이미지에서 가장 많은 픽셀만 고르면 부족한 이유
만화 그림은 큰 형태와 평평한 채색을 빠르게 알아볼 수 있어 단순해 보이지만, 실제로 쓸 팔레트는 서로 다른 기능을 맡는 색을 분리해야 합니다. 넓은 연한 배경이 픽셀 대부분을 차지해도 주인공의 정체성을 만들지는 않을 수 있습니다. 검은 윤곽선이 자주 나타나도 작은 의상 포인트보다 덜 유용할 수 있습니다. 그림자, 하이라이트, 안티앨리어싱 가장자리, 질감, 자막, 압축은 눈에는 한 영역으로 보이는 곳에 수십 개의 비슷한 코드를 만듭니다. 단순 빈도 목록은 배경을 지나치게 강조하고 거의 같은 색을 반복하기 쉽습니다. Toon Tone은 먼저 가까운 값을 묶고, 후보를 추가할 때 이미 고른 색과 눈에 띄게 다른지 확인합니다. 그래서 빠르게 읽을 수 있는 크기를 유지하면서도 여러 시각적 역할을 담습니다.
5색은 지배적인 면, 주제 색, 보조 색, 포인트, 밝거나 어두운 지원색처럼 빠른 정체성 요약에 잘 맞습니다. 8색은 두 번째 포인트와 그림자 계열, 추가 배경 역할을 담을 여지가 있습니다. 어느 쪽도 언제나 정답은 아닙니다. 매우 평평한 아이콘은 더 적은 색이면 충분하고, 음영이 많은 애니메이션 프레임은 8색으로도 정보가 빠질 수 있습니다. 생성 결과를 출발점으로 보고 원본 옆에서 비교하세요. 자신의 질문에 답하는 색만 잠그는 것이 좋습니다. 잠금은 의도적으로 편집자의 선택을 남기는 기능입니다. 알고리즘은 후보를 제안하지만 작업 팔레트에서 무엇을 영구적으로 유지할지는 사용자가 결정합니다.
색을 잠그고 재생성하면 결과가 나아지는 이유
한 이미지에 객관적으로 완전한 팔레트가 하나만 존재하는 경우는 드뭅니다. 첫 결과가 큰 배경, 가까운 주제색 두 개, 하이라이트, 윤곽선을 고를 수 있습니다. 배경과 하이라이트는 필요하지만 가운데 색 하나가 중복되어 보인다면 유용한 색을 잠그고 다시 생성하세요. 잠긴 위치는 정확한 HEX, RGB, HSB를 유지하고 브라우저는 열린 자리만 다시 검토합니다. 그룹화와 순위에 작은 변화를 주면 기존 팔레트에서 빠졌던 작은 포인트가 드러날 수 있습니다. 매번 처음부터 다시 뽑는 것과 달리 지키고 싶은 색이 사라지지 않으므로 이전 후보와 새 후보를 차분히 비교할 수 있습니다.
잠금은 그 색이 모든 목적에 정확하다는 증명이 아닙니다. 이 탭에서 내린 현재 결정을 기록할 뿐입니다. 원본에 조명, 그라데이션, 반투명 레이어, 화면 캡처가 포함되면 추출 색상은 해석된 픽셀을 설명하지 원래 물감이나 공식 디자인 토큰을 알려 주지 않습니다. 제작 전달 자료로 쓴다면 승인된 원본과 비교하고 어떤 이미지와 프레임, 영역을 사용했는지 기록하세요. 기억 연습에서는 공식성보다 동일한 목표를 유지하는 일이 중요합니다. 잠긴 색을 보고 숨긴 뒤 HSB로 재현하면 결과 공개 때 저장된 바로 그 목표와 비교할 수 있습니다. 한 도구에서 두 흐름을 제공하되 두 결과의 의미는 구분합니다.
HEX, RGB, HSB와 비중을 함께 읽는 법
HEX와 RGB는 화면의 빨강, 초록, 파랑 채널을 서로 다른 표기로 설명합니다. HEX는 짧아서 CSS, 디자인 메모, 공유에 편리합니다. RGB는 각 채널의 양을 0부터 255까지 직접 보여 줍니다. HSB는 같은 화면 색을 색상, 채도, 밝기로 다시 구성해 의도적인 시각 조정을 쉽게 합니다. 색상은 계열을 정하고 채도는 선명함을 나타내며 밝기는 어두움에서 밝음까지의 범위를 조절합니다. 생성기는 세 형식을 모두 제공하므로 추출한 값을 코드에 쓰거나 Toon Tone 연습으로 옮길 때 다른 변환 도구를 거칠 필요가 없습니다.
비중은 샘플 픽셀 가운데 해당 후보 그룹에 들어간 대략적인 몫이지 중요도를 과학적으로 측정한 값이 아닙니다. 기억에 남는 작은 빨간 리본은 면적이 작아도 핵심일 수 있고, 단색 배경은 면적이 넓어도 의미가 약할 수 있습니다. 축소, 그룹화, 투명도, 후보 간 분리 규칙도 표시 비율에 영향을 줍니다. 비중은 넓이에 관한 증거로 읽고 기능은 원본에서 판단하세요. HSB가 비슷한 두 색이 있다면 의미 있는 영역과 연결된 것을 유지하거나 별도 이미지 색상 선택기로 정확한 픽셀을 찍으세요. 저장된 두 색이 눈에 얼마나 비슷한지 알고 싶다면 Delta E 색상 차이 계산기로 직접 비교할 수 있습니다.
색상 추출에서 다음 색 연습으로
만화 색상 팔레트 생성기 질문
이미지가 Toon Tone에 업로드되거나 저장되나요?
아니요. 선택하거나 붙여 넣은 이미지는 현재 브라우저 탭에서 읽고 요약합니다. 이미지 업로드 API, 계정 저장소, 클라우드 저장이 없습니다. 내려받은 PNG와 복사한 값은 사용자가 지울 때까지 기기나 클립보드에 남을 수 있습니다.
이미지 색상 선택기와 무엇이 다른가요?
생성기는 이미지 전체에서 여러 주요 색을 자동 요약합니다. 색상 선택기는 사용자가 지정한 픽셀 하나를 정확하게 읽습니다. 전체 팔레트에는 생성기를, 의상이나 윤곽선의 특정 좌표에는 선택기를 사용하세요.
작은 포인트 색이 선택되지 않는 이유는 무엇인가요?
작은 포인트는 배경이나 큰 주제 영역보다 샘플 픽셀이 적기 때문입니다. 8색으로 바꾸고 필요한 색을 잠근 뒤 재생성하세요. 그래도 나오지 않으면 중요도와 면적을 혼동하지 말고 이미지 색상 선택기로 그 지점을 직접 측정하세요.
추출 색상이 캐릭터나 브랜드의 공식 색인가요?
아니요. 브라우저가 불러온 특정 파일의 픽셀에서 계산한 참고 값입니다. 조명, 압축, 음영, 투명도, 화질, 디스플레이 변환에 따라 달라집니다. 공식 정확도가 필요하면 권리자가 제공한 색상 지침을 사용하세요.
생성 팔레트를 CSS에 사용할 수 있나요?
네. CSS 복사는 현재 색을 번호가 붙은 사용자 정의 속성으로 만듭니다. 실제 서비스에 적용하기 전에 의미 있는 이름, 대비, 색 공간, 승인된 디자인 토큰을 확인하세요.