이미지 팔레트 추출 — 설정과 품질

입력·출력 예제

조절 장치는 없어요. 최대 여덟 견본이 나오니 자르는 범위, 이미지, 남길 개수가 실제 조절 수단이에요.

24 단위로 반올림하기 때문에 각 견본은 정확한 픽셀 값이 아니라 구간의 가운데 값이에요. 그래서 진짜 색과 채널당 최대 12 안팎 차이가 날 수 있어요. 160픽셀 작업본에서도 결과가 안정적이고 빠른 대신, 로고가 #D92B2B인데 견본은 #D83030로 읽히는 식이에요. 정확한 값이 필요하면 그 자리를 색상 선택기로 클릭하세요.

제품 사진으로 랜딩 페이지를 만드는 디자이너는 보통 배경 톤, 글자 톤, 강조색 세네 가지만 있으면 돼요. 어울리는 첫 견본을 배경으로, 어두운 견본을 글자로, 채도 높은 견본을 버튼으로 쓰고 나머지는 여덟 개를 다 쓰려 하지 말고 버리세요.

흔한 실수는 목록 순서를 디자인상 중요도로 읽는 거예요. 순서는 픽셀 수일 뿐이라서 크고 밋밋한 배경이 맨 앞에 오고, 작지만 선명한 강조색은 맨 뒤에 있거나 아예 없을 수 있어요. 강조색을 위로 올리려면 그 주변을 좁게 잘라 다시 돌리세요.

장단점을 보면, 좁게 자르면 강조색의 비중은 커지지만 차분한 바탕색을 잃기 쉬워요. 넓은 컷은 분위기를 지키지만 배경 쪽으로 쏠려요. 넓게 한 번, 좁게 한 번 돌려서 두 결과에서 좋은 견본만 골라 합치세요.

Image with several dominant colors

Palette swatches and color codes

집계는 긴 변 160픽셀 이하로 줄인 사본에서 하기 때문에 원본의 아주 작은 디테일은 거의 영향을 주지 않아요.