시안마다 미묘하게 다른 색, 클로드 코드로 HEX 뽑아 팔레트 한 장 만들기

이런 분께

메인 시안, 배너, 상세페이지를 따로 작업하다 보니 같은 브랜드 색이 파일마다 미묘하게 달라진 디자이너께 맞아요. 눈으로는 구분이 안 되는 #12C7B5와 #13C8B4 같은 차이를 폴더째 찾아 줘요.

끝나면 이렇게 됩니다

시안 PNG가 든 폴더에서 클로드 코드에 한 번 부탁하면 파일 두 개가 생겨요. 예시 시안 3장으로 이 가이드의 프롬프트대로 만든 스크립트를 실제로 돌린 결과예요.

colors.csv (엑셀로 열림)

palette.png에는 색 견본이 한 줄로 그려지고, 합칠 후보가 있는 색 밑에는 빨간 글씨로 표시돼요. 위 예시에서는 main_v2.png 버튼만 #13C8B4로 어긋나 있다는 걸 바로 알 수 있어요. 비율은 파일마다 그 색이 차지한 면적 비율을 평균한 값이에요.

준비물

• 클로드 코드(Claude Code, 컴퓨터 폴더 안에서 파일을 읽고 프로그램을 만들어 돌려 주는 클로드). Pro 이상 유료 요금제가 필요하고 무료 요금제에는 없어요(2026년 11월 기준, 공식 설치 문서).
• 시안을 PNG로 내보내 한 폴더에 모으기. 원본 보호를 위해 복사본 폴더를 쓰는 걸 권해요.
• 파이썬(Python)과 Pillow(이미지를 읽는 파이썬 도구). 없으면 클로드 코드가 설치 방법을 알려 줘요.

따라 하기

1. 터미널(컴퓨터에 글자로 명령하는 창)을 열어요. 윈도우는 시작 메뉴에서 「PowerShell」 검색, 맥은 Spotlight에서 「터미널」 검색.
2. 처음이면 클로드 코드를 설치해요. 설치 뒤 새 터미널 창에서 claude --version을 쳐서 버전 번호가 나오면 된 거예요.

# 윈도우 PowerShell
irm https://claude.ai/install.ps1 | iex
# 맥
curl -fsSL https://claude.ai/install.sh | bash

3. 시안 폴더로 이동해요. cd 뒤에 폴더를 끌어다 놓으면 경로가 들어가요. 그다음 claude를 쳐서 시작하고, 처음이면 브라우저 로그인을 따라 해요.
4. 아래 프롬프트를 붙여 넣어요. 클로드 코드가 파일을 만들거나 명령을 돌리기 전에 허락을 물으면 내용을 읽고 허락해요.
5. 폴더에 생긴 palette.png와 colors.csv를 열어요. '비슷한 색' 칸이 채워진 줄이 고칠 곳이에요.
6. 어느 색으로 맞출지 정했으면 디자인 툴에서 직접 고쳐요. 원본 이미지는 이 작업에서 바뀌지 않아요.

복사해서 쓰는 프롬프트