이미지 팔레트 추출 — 결과 검증

입력·출력 예제

추출한 팔레트를 검증하려면 각 견본을 원래 영역과 비교하고, 읽히는 조합인지 확인하고, 복사한 코드가 디자인이나 코드에 붙일 값과 같은지 확인하세요.

먼저 견본을 원본과 대조하세요. 이미지와 견본을 나란히 놓고 각 견본이 사진 안에 분명히 있는지 보세요. 같은 페이지의 색상 선택기로 해당 영역을 클릭하면, 반올림 때문에 견본이 그 픽셀과 채널당 12 안팎 이내로 가까워야 해요. 더 크게 벌어지면 그 영역이 그라데이션일 가능성이 커요.

스타일 타일을 납품하는 프리랜서 디자이너라면 HEX 값을 빈 페이지에 큰 정사각형으로 붙이고, 제안한 글자색을 제안한 배경색 위에 올려 보세요. 본문 글자는 접근성 지침상 대비비 4.5 대 1 이상, 큰 글자는 3 대 1 이상이 권장되며 아무 대비 검사 도구로 측정할 수 있어요.

흔한 실수는 팔레트가 대비나 브랜드 정확성을 보장한다고 여기는 거예요. 팔레트는 흔한 색이 무엇인지만 알려 줘요. 연한 노랑과 흰색 견본이 둘 다 사진의 실제 색이어도 함께 쓰면 읽히지 않을 수 있으니, 견본 하나가 아니라 조합을 시험하세요.

마지막으로 HEX와 RGB를 복사해 메모 파일에 붙이고 서로 일치하는지 보세요. #D83030는 rgb(216, 48, 48)이어야 해요. 이미지에 색이 적으면 견본이 여덟 개보다 적게 나오는데, 이는 오류가 아니라 정상 동작이에요.

Image with several dominant colors

Palette swatches and color codes

보기 좋은 팔레트는 출발점일 뿐이에요. 접근성과 브랜드 일치는 따로 확인해야 해요.