색상 추출기

색상 추출기란?

색상 추출기는 이미지에서 주요 색상을 자동으로 추출하여 컬러 팔레트를 생성하는 도구입니다. 추출된 색상을 기반으로 색상 조화 분석, WCAG 접근성 검사, 브랜드 컬러 제안까지 제공하며, CSS/Tailwind/SCSS/JSON 형식으로 내보낼 수 있습니다.

• 이미지 업로드 후 대표 색상 및 컬러 팔레트 자동 추출
• 보색, 유사색, 삼색 조화 등 색상 하모니 분석
• WCAG 2.1 접근성 기준 대비율 분석
• 색상 무드, 색온도, 밝기 분석
• CSS 변수, Tailwind, SCSS, JSON 형식으로 팔레트 내보내기
• 브랜드 컬러(Primary, Secondary, Accent) 제안

사용 방법

1. 1

   이미지 업로드

   이미지를 드래그하거나 클릭하여 색상을 추출할 이미지를 업로드하세요

2. 2

   팔레트 확인

   자동으로 추출된 대표 색상과 컬러 팔레트를 확인하세요. 팔레트 크기를 조절할 수 있습니다

3. 3

   색상 분석

   색상 조화, 접근성 분석을 확인하세요. 두 색상을 선택하면 대비율을 분석할 수 있습니다

4. 4

   내보내기

   CSS, Tailwind, SCSS, JSON 형식으로 팔레트를 내보내거나 다운로드하세요

자주 묻는 질문

활용 팁

• 고해상도 이미지일수록 더 정확한 색상 추출이 가능합니다
• 브랜드 아이덴티티 작업 시 참고 이미지에서 색상을 추출하여 일관된 팔레트를 만드세요
• 웹 디자인 시 접근성 분석으로 텍스트/배경 조합의 가독성을 반드시 확인하세요
• 보색 관계의 색상을 CTA 버튼에 활용하면 시각적으로 눈에 띄는 디자인을 만들 수 있습니다
• 추출된 팔레트를 Tailwind 형식으로 내보내면 프론트엔드 프로젝트에 바로 적용할 수 있습니다