컬러 크래프트란?
디자이너와 개발자를 위한 다목적 색상 도구입니다. HEX/RGB/HSL 자유 변환, 보색·유사색·삼각배색 자동 생성, 이미지에서 색상 추출, 대비 검사(WCAG 기준)까지 한 곳에서 처리할 수 있습니다.
주요 기능
- 색상 변환 — HEX ↔ RGB ↔ HSL 양방향 즉시 변환
- 팔레트 생성 — 보색·유사색·삼각배색·사각배색
- 이미지 색상 추출 — 업로드한 이미지의 주요 색상 추출
- WCAG 대비 검사 — AAA/AA 등급 자동 판정
- 폰트 페어링 — 선택한 색상에 어울리는 글꼴 조합 추천
사용 방법
- 색상 선택 도구로 기준 색을 정하거나 HEX/RGB 값을 직접 입력하세요
- 팔레트 모드(보색·유사색 등)를 선택하면 자동 생성됩니다
- 이미지에서 색을 뽑고 싶다면 이미지를 업로드하세요
- 원하는 색상 코드를 클릭하면 클립보드에 복사됩니다
활용 팁
- 웹 접근성을 위해 본문은 대비 비율 4.5:1 이상 권장합니다
- 보색은 강한 강조에, 유사색은 부드러운 그라데이션에 어울립니다
- 추출된 팔레트는 CSS 변수로 바로 사용 가능한 형태로 복사됩니다
자주 묻는 질문
Q. 추출한 이미지 데이터가 저장되나요?
아닙니다. 모든 처리는 브라우저에서 이루어지며 이미지는 어디에도 업로드되지 않습니다.
Q. Tailwind CSS 색상 클래스도 알려주나요?
HEX 코드는 표시되며, 가장 가까운 Tailwind 색상도 추천됩니다.
Q. 대형 이미지도 처리 가능한가요?
성능을 위해 자동으로 리사이즈하여 분석하므로 큰 이미지도 빠르게 처리됩니다.