컬러 팔레트 추출

먼저 사진을 작게 줄여 대표 픽셀만 남긴 뒤, 비슷한 색끼리 묶어 어떤 색이 얼마나 자주 나타나는지 세요. 그다음 가장 많이 등장하는 색을 팔레트의 메인으로 뽑는데, 너무 닮은 색은 하나로 합쳐 거의 같은 색이 여러 칸을 차지하지 않게 해요. 그래서 나오는 색들이 서로 뚜렷이 구분돼요.

면적만으로 뽑으면 문제가 하나 생겨요. 베이지색 식탁 위 빨간 딸기처럼, 작지만 강렬한 포인트 색이 넓고 칙칙한 색에 묻혀 버리거든요. 그래서 이 도구는 팔레트에 선명한 색을 위한 자리를 한두 칸 따로 비워둬요. 채도(색의 선명함)가 높은 색을 면적과 상관없이 끌어올려, 사진의 포인트가 되는 색이 팔레트에 꼭 들어오게 만들었어요.

팔레트는 브랜딩과 디자인 작업의 출발점으로 좋아요. 로고나 제품 사진에서 색을 뽑으면 그 브랜드의 색 규칙을 정리하기 쉽고, 발표 자료나 카드뉴스를 만들 때 한 사진에서 뽑은 색으로 통일하면 전체 톤이 자연스럽게 어울려요. 인테리어 무드보드나 옷 코디처럼 색 조합을 참고하는 일에도 유용해요.

웹이나 앱을 만든다면 CSS 복사가 특히 편해요. 버튼을 누르면 모든 색이 `:root{--color-1 …}` 형태의 CSS 변수로 한꺼번에 복사돼서, 스타일시트에 붙여 넣기만 하면 바로 색 토큰으로 쓸 수 있어요. 색마다 이름을 붙여 관리하고 싶을 때 좋은 출발점이 돼요.

HEX는 #7C3AED처럼 우물 정(#) 뒤에 여섯 자리로 적는 색 코드예요. 앞 두 자리가 빨강, 가운데 두 자리가 초록, 뒤 두 자리가 파랑의 세기를 16진수(00~FF)로 나타내요. 웹·디자인 도구 어디서나 통하는 표준이라, 색 카드의 HEX 값을 복사해 그대로 붙여 넣으면 똑같은 색을 재현할 수 있어요.

RGB는 같은 색을 RGB(124, 58, 237)처럼 0~255 숫자 세 개로 나타낸 거예요. 빨강·초록·파랑의 밝기를 직관적으로 읽기 좋고, 앱이나 코드에서 색을 다룰 때 자주 써요. HEX와 RGB는 표기만 다를 뿐 같은 색을 가리키니, 쓰는 도구가 요구하는 형식에 맞춰 골라 쓰면 돼요.