색상 도구

전문가급 컬러 팔레트를 생성하고 WCAG 2.2 명도 대비를 즉시 검증하세요. 색맹 시뮬레이션 및 다양한 포맷 내보내기를 지원합니다.

#6d28d9

blueviolet

#6d28d9
rgb(109, 40, 217)
hsl(263, 70%, 50%)

7.10:1WCAG PASS

2.95:1WCAG FAIL
🔒 100% Local
Fast Processing
🆓 Free Tool

활용 사례

브랜드 컬러 정의 및 일관된 팔레트 구축
웹 접근성(WCAG) 준수 여부 검증
전문적인 라이트/다크 UI 팔레트 생성

자주 묻는 질문

Q. 이미지에서 팔레트를 생성할 수 있나요?

네! 이미지를 업로드하면 K-means 알고리즘이 주요 색상을 추출하여 전문적인 팔레트를 만들어 드립니다.

Q. AA와 AAA 대비의 차이점은 무엇인가요?

WCAG AA는 일반 텍스트 기준 4.5:1 대비를 요구하며, AAA는 7:1로 더 엄격합니다. AAA 준수 시 저시력 사용자에게 훨씬 더 나은 접근성을 제공합니다.

Q. 색약/색맹 시뮬레이션은 어떻게 확인하나요?

도구에서 실시간으로 제1색맹(Protanopia), 제2색맹(Deuteranopia) 등 다양한 색각 이상 시뮬레이션을 제공하여 포용적인 디자인을 돕습니다.

Q. Figma나 CSS로 내보낼 수 있나요?

물론입니다. 생성한 팔레트를 Figma 토큰, Tailwind CSS 설정, 또는 표준 CSS 변수로 내보낼 수 있습니다.

Q. 웹사이트의 브랜드 색상을 어떻게 추출하나요?

컬러 피커를 사용하거나 사이트의 스크린샷을 업로드하여 사용된 브랜드 색상을 정확하게 식별하고 추출할 수 있습니다.

디자이너와 개발자를 위한 종합 색상 관리 도구입니다. 접근성 감사부터 조화로운 팔레트 생성까지, 전문가급 도구로 디자인 시스템을 최적화하세요.

디자인