이미지 색상 추출 — 결과 검증

입력·출력 예제

뽑은 색이 맞는지 확인하려면 HEX를 손으로 변환해 보고, 다른 도구에 붙여 넣고, 원본에서 클릭한 자리와 색 견본을 나란히 비교하세요.

변환은 암산으로도 할 수 있어요. HEX 두 자리가 한 채널이라서 #6D28D9는 6D=109, 28=40, D9=217이고, 옆에 표시된 rgb(109, 40, 217)과 같아야 해요. 두 줄이 다르다면 서로 다른 클릭에서 복사한 거예요. 도구가 코드 옆에 색 견본도 그려 주니, 화면에서 클릭한 영역 가까이에 대 보세요.

배너를 승인하는 브랜드 담당자라면 HEX를 빈 페이지나 디자인 파일에 정사각형으로 붙이고, 원본 이미지의 로고에 바로 맞대어 경계선이 보이는지 보세요. 선이 보이면 가장자리나 그라데이션, 다른 레이어에서 뽑은 값이에요.

흔한 실수는 첫 번째로 나온 숫자를 그대로 믿는 거예요. 같은 평평한 영역에서 두 번째, 세 번째 픽셀도 클릭해 보세요. PNG 로고라면 완전히 같아야 하고, JPG라면 채널당 몇 단위만 달라야 해요. 순백이나 순흑인 걸 아는 픽셀로 점검해 보는 것도 좋아요.

마지막으로 실제 쓰임새 안에서 확인하세요. 글자색을 배경색 위에 보통 크기로 올려 읽히는지 보세요. 본문 글자에는 접근성 지침에서 대비비 4.5 대 1 이상을 권하며, 아무 대비 검사 도구로 측정할 수 있어요.

Pixel selected in an image

HEX and RGB values

화면에서 일치하면 숫자는 확인된 것이지만, CMYK나 별색 같은 인쇄 색은 인쇄소와 따로 확인해야 해요.