컬러 팔레트는 두 가지 모드를 지원합니다: 색상 구성 생성 및 이미지 팔레트 추출. 생성 모드에서는 기본 색상과 조화 규칙을 선택합니다. 추출 모드에서는 이미지를 업로드하여 지배적인 색상을 추출하거나 스포이드로 정밀하게 선택할 수 있습니다. 모든 처리는 브라우저에서 이루어집니다.
기능
8가지 색상 조화 규칙: 단색, 보색, 유사색, 삼색, 사색, 분할 보색, 인접 보색, 이중 분할 보색
이미지를 업로드하여 자동 팔레트 추출, 스포이드로 정밀 선택
CSS 변수, Tailwind v4 및 SCSS 변수로 내보내기
개별 색상을 잠가 재생성 시 보존
HEX, RGB 또는 HSL 형식으로 색상 클릭 복사
완전 오프라인 처리 — 서버에 업로드되는 데이터 없음
사용 방법
1생성 모드에서 기본 색상과 조화 규칙 선택
2팔레트가 자동으로 업데이트됩니다 — 개별 색상 잠금 또는 복사
3추출 모드로 전환하고 이미지를 업로드하여 팔레트 추출
4내보내기 버튼을 클릭하여 CSS/Tailwind/SCSS 구성 복사
자주 묻는 질문
색상 변환기 및 색상 선택기와 어떻게 다른가요?
색상 변환기는 HEX, RGB, HSL 등 형식 간을 변환합니다. 색상 선택기는 이미지에서 단일 색상을 선택합니다. 컬러 팔레트는 기본 색상에서 조화로운 구성표를 생성하거나 이미지에서 전체 팔레트를 추출합니다.
팔레트에서 개별 색상을 잠글 수 있나요?
네. 각 견본에 잠금 버튼이 있습니다. 잠긴 색상은 기본 색상이나 규칙을 변경할 때 보존됩니다. 잠금 해제된 색상만 재생성됩니다.
초보자에게 어떤 조화 규칙이 적합한가요?
보색은 높은 대비의 디자인을 만듭니다. 유사색은 부드럽고 통일감 있어 브랜딩에 좋습니다. 단색은 깔끔하고 전문적입니다. 삼색과 사색은 더 고급이지만 풍부하고 균형 잡힌 팔레트를 만듭니다.
이미지 팔레트 추출의 정확도는 어느 정도인가요?
유클리드 거리 병합을 사용한 색상 버케팅을 통해 최대 8개의 지배적인 색상을 추출합니다. 투명 픽셀은 필터링되고 각 색상의 비율이 표시됩니다. 정밀한 선택에는 스포이드 모드를 사용하세요.
내 데이터가 서버에 업로드되나요?
아니요. 모든 색상 계산 및 이미지 처리는 브라우저에서 완전히 이루어집니다. 아무것도 업로드되지 않습니다.
내보내기는 어떤 Tailwind 버전을 대상으로 하나요?
Tailwind 내보내기는 --color-* 변수를 사용하여 Tailwind CSS v4 @theme 사용자 정의 색상 구문을 생성합니다.