IMAGE · 5/8 COLORS · PNG · CSS
만화 색상 팔레트 생성기
일러스트를 올리고 기기에서 주요 색상 5개 또는 8개를 추출한 뒤, 필요한 색을 잠그고 HEX, RGB, HSB로 내보내세요.
만화 팔레트 만들기Toon Tone
Toon Tone은 애니 캐릭터 색 맞추기 게임입니다. Toon Tone에서 색상, 채도, 밝기 슬라이더로 기억 속 대표 색을 재현해 보세요.
출시 문제 46개매일 5라운드회원가입 없음
1/5
맞힐 색
Leonardo의 파란 눈가리개
영감을 받은 작품 Teenage Mutant Ninja Turtles (1987)
내 선택
정답
IMAGE · HEX · RGB · HSB
이미지 색상 추출기
이미지에서 정확한 픽셀을 고르고 파일을 서버로 보내지 않은 채 HEX, RGB, HSB와 팔레트를 저장하세요.
이미지에서 색상 추출하기IMAGE · RECOLOR · ALPHA · PNG
이미지의 한 색상 바꾸기
로컬 이미지에서 색을 선택하고 범위와 음영을 조절해 색상 변경 또는 투명 PNG로 저장하세요.
색상 교체 도구 열기HEX · IMAGE · CSS NAMES · ΔE
색상 이름 찾기
HEX나 이미지 픽셀을 가장 가까운 CSS 키워드, 측정된 5개 후보, Toon Tone 캐릭터 목표색과 비교합니다.
이 색상 이름 찾기HSB · HEX · RGB
HSB 색상 선택기
색조, 채도, 밝기를 움직이면 HEX와 RGB 값이 한 화면에서 함께 바뀝니다.
HSB 선택기 열기WHEEL · 5 RULES · CSS · PNG
색상 조화 생성기
기준 HEX를 고르고 색상환의 다섯 조화 규칙을 비교한 뒤 실용적인 역할을 미리 보고 재사용 가능한 팔레트를 내보냅니다.
색상 조화 만들기HEX · TINTS · SHADES · WCAG
컬러 셰이드 생성기
HEX 하나를 대비 수치, CSS 변수, PNG가 포함된 밝은색부터 그림자까지의 팔레트로 바꿉니다.
색 단계 만들기WCAG 2.2 · AA · AAA · HEX
색상 대비 검사기
두 HEX의 WCAG AA·AAA 결과, UI 미리 보기, 전경 자동 보정, 최대 8색 조합표를 한 번에 확인하세요.
색상 대비 확인IMAGE · PROTAN · DEUTAN · TRITAN
색각 시뮬레이터
이미지 하나를 세 가지 색각 이상 모델로 비교하고, 표시 강도를 조절한 뒤 서버 업로드 없이 이름이 붙은 PNG를 내보냅니다.
색각 보기 확인CIEDE2000 · HEX · HSB
Delta E 계산기
무료 CIEDE2000 Delta E 계산기로 두 HEX 색상을 비교하고 색상 견본, HSB 채널 차이, 실용적인 해석과 중요한 한계를 확인하세요.
Delta E 계산기 열기최신 글
RGB vs CMYK: 화면과 인쇄를 위한 실전 색상 가이드
화면용 디자인은 편집 가능한 RGB 원본으로 유지하세요. 최종 출력, 인쇄 조건, 교정 방식이 확정되고 인쇄소가 요구할 때만 복제본을 지정 CMYK 프로파일로 변환합니다.
Toon Tone에서 랜덤 색상이 아니라 캐릭터의 기억색을 맞춥니다.
Toon Tone은 캐릭터가 어떤 색인지 떠올린 뒤 정확한 색상, 채도, 밝기까지 맞추는 연습입니다. Toon Tone의 그 차이가 게임의 재미입니다.
방법, 근거, 편집 책임
Toon Tone이 기억한 색을 측정 가능한 게임으로 만드는 방법
Toon Tone은 정답을 보기 전에 지정된 애니 캐릭터 색을 기억으로 재현하는 무료 브라우저 게임입니다. Toon Tone은 색상, 채도, 밝기를 기록하고 추측색과 목표색을 화면용 색으로 변환한 뒤 CIEDE2000으로 비교해 0점부터 100점까지 설명 가능한 게임 점수를 제공합니다.
Toon Tone 점수 계산 방법
Toon Tone 한 라운드는 이름 없는 색상 견본이 아니라 캐릭터 이름과 목표 부위에서 시작합니다. Toon Tone에서는 색상을 0°부터 360°까지, 채도와 밝기를 0%부터 100%까지 설정합니다. 제출하면 Toon Tone은 두 HSB 값 묶음을 화면 표시용 색으로 변환하고 CIEDE2000 색차를 계산합니다. Toon Tone은 거리가 작을수록 높은 점수를 주며 공개된 score = round(100 − 2 × ΔE00) 식을 0점부터 100점 범위로 제한합니다.
Toon Tone 점수는 이 게임 안에서 사용하는 피드백이며 진단 결과나 산업 공정 허용오차가 아닙니다. Toon Tone 다섯 라운드 합계는 최대 500점이고 공유 결과는 0점부터 100점까지의 평균입니다. Toon Tone은 추측색과 목표색, 양쪽 HSB 값도 함께 보여 줍니다. 따라서 설명 없는 숫자를 권위로 받아들이지 않고 색상, 채도, 밝기 중 어느 항목이 가장 크게 빗나갔는지 확인할 수 있습니다.
Toon Tone 오늘의 seed는 같은 날 모든 사용자에게 동일한 다섯 목표를 재현합니다. 랭킹을 저장할 때 Toon Tone 서버는 제출한 HSB 값과 같은 seed로 점수를 다시 계산합니다. 이 과정은 결과의 일관성을 높이지만 Toon Tone 랭킹을 과학 연구 표본으로 바꾸지는 않습니다. 공개 이름과 실시간 점수는 사용자가 보낸 변동 데이터이며 편집 본문, 출처, 키워드 밀도, 구조화 데이터의 근거로 사용하지 않습니다.
Toon Tone은 색차와 접근성 대비를 서로 다른 판단으로 구분합니다. CIEDE2000은 두 색의 지각적 차이를 비교하지만 WCAG 대비율은 텍스트와 배경이 읽기 쉬운지 확인합니다. 그래서 Toon Tone은 Delta E 계산기와 대비 검사기를 별도 도구로 제공합니다. Toon Tone 게임에서 높은 점수를 받더라도 WCAG 감사, 공식 브랜드 색상, 보정 장비 측정, 인쇄 공정 승인을 대신할 수 없습니다.
Toon Tone은 영어, 스페인어, 일본어, 한국어, 프랑스어, 독일어, 러시아어, 포르투갈어 등 8개 언어의 동등한 경로를 제공합니다. Toon Tone 언어 전환은 현재 페이지와 대응하는 현지화 페이지로 이동합니다. 번역에서도 수치, 식, 출처, 주의사항의 의미를 유지하고 날짜와 문장 표현만 자연스럽게 조정합니다. 중요한 기술 설명은 외부 1차 자료로 직접 연결해 누구나 확인할 수 있게 합니다.
반복 가능한 Toon Tone 연습 순서
Toon Tone은 결과를 볼 때마다 다음 Toon Tone 라운드에서 고칠 항목 하나를 정하면 더 유용합니다.
- 1. Toon Tone 목표 말하기목표 부위를 읽고 Toon Tone 색상 계열을 떠올린 뒤 제출할 때까지 Toon Tone이 저장된 정답을 숨기게 합니다.
- 2. Toon Tone 추측색 만들기Toon Tone 색상을 먼저, 채도를 다음, 밝기를 마지막에 맞추면 Toon Tone 수정 이유를 설명하기 쉽습니다.
- 3. Toon Tone 결과 검토하기각 HSB 값과 CIEDE2000 기반 Toon Tone 점수를 비교하고 가장 큰 Toon Tone 차이를 다음 문제에서 고칩니다.
확인 가능한 Toon Tone 기본 정보
| 항목 | 공개 값 | 의미 |
|---|---|---|
| Toon Tone 오늘의 형식 | 5라운드 | Toon Tone은 이름이 지정된 다섯 목표를 하나의 Toon Tone 결과로 묶습니다. |
| Toon Tone HSB 조작 | 3채널 | Toon Tone은 색상, 채도, 밝기를 따로 조절해 Toon Tone 결과에 공개합니다. |
| Toon Tone 입력 범위 | 0–360°; 0–100%; 0–100% | Toon Tone은 각 슬라이더 범위를 Toon Tone 화면에 표시합니다. |
| Toon Tone 라운드와 합계 | 0–100; 0–500 | Toon Tone은 한 문제 점수와 다섯 문제 Toon Tone 합계를 공개합니다. |
| Toon Tone 현지화 경로 | 8개 언어 | Toon Tone은 모든 지원 언어에 동등한 Toon Tone 페이지를 유지합니다. |
Toon Tone 색상 설명을 뒷받침하는 기준
Toon Tone은 측정 주장을 1차 표준이나 원 연구에 연결합니다. Toon Tone 문제 수와 점수 범위는 공개 화면과 코드로 확인하고 웹 색상 및 접근성 정의는 외부 규격을 기준으로 삼습니다.
W3C CSS Color 규격 원문:
“Hue is represented as an angle of the color circle.”
Toon Tone이 사용하는 1차 자료
- CSS Color Module Level 4CSS Color Level 4는 Toon Tone이 설명하는 색상 각도와 sRGB 표현을 정의합니다.
- Web Content Accessibility Guidelines (WCAG) 2.2WCAG 2.2는 별도의 Toon Tone 대비 도구에 쓰이는 4.5:1과 3:1 기준을 공개합니다.
- The CIEDE2000 color-difference formulaSharma, Wu, Dalal의 원 논문은 Toon Tone 색차 계산과 관련된 CIEDE2000 구현 및 시험 데이터를 제공합니다.
Toon Tone 점수가 증명하지 않는 것
Toon Tone은 정밀한 숫자의 과대 해석을 막기 위해 한계를 공개합니다. Toon Tone은 오락과 연습을 위한 도구입니다.
- Toon Tone은 색각, 시력, 기억력, 건강 상태를 진단하지 않으며 Toon Tone 점수는 의료 결과가 아닙니다.
- Toon Tone은 스튜디오, 브랜드, 인쇄, 도료, 제조의 공식 색상을 증명하지 않으며 Toon Tone 견본은 승인 문서가 아닙니다.
- Toon Tone은 WCAG 검사, 보정 측정, 적용 규격에 따른 검토를 대신하지 않으며 Toon Tone 결과만으로 결론 내리지 않습니다.
Toon Tone 방법 확인하기
Toon Tone이 출처를 선택하고 변동 랭킹 제출을 분리하며 게시 내용을 수정하는 방법을 읽은 뒤 Delta E 계산기에서 두 색을 직접 비교할 수 있습니다.
FAQ
Toon Tone 질문
Toon Tone은 무엇인가요?
애니 캐릭터의 대표 색을 기억만으로 맞히는 HSB 색 맞추기 게임입니다.
무료인가요?
네. 초기 버전은 브라우저에서 무료로 플레이할 수 있고 계정도 필요 없습니다.
점수는 어떻게 계산되나요?
내 색과 정답 색의 지각적 색차를 비교해 0-100점으로 환산합니다.
캐릭터 이미지는 교체되나요?
초기 이미지는 교체 가능한 테스트 자산이며 필요하면 빠르게 바꿀 수 있습니다.