색상 스킴 생성기

이 도구 소개

색상 체계 생성기는 색상 이론을 사용하여 단일 기본 색상에서 조화로운 팔레트를 생성합니다.

이 접근 방식은 전문 디자인 도구에서 사용하는 방법과 동일하며 대부분의 디자인 시스템 색상 팔레트 생성기의 기반입니다.

체계 유형

• 보색: 색상환에서 반대편에 있는 두 색상 (180°). 높은 대비.
• 유사색: 인접한 세 가지 색상 (±30°). 조화롭고 자연스러움.
• 삼각색: 균등하게 배치된 세 색상 (120° 간격). 생동감 있고 균형 잡힘.
• 사각색: 균등하게 배치된 네 색상 (90° 간격). 풍부하고 복잡한 팔레트.
• 분할 보색: 기본 + 보색 인접 두 색상. 높은 대비지만 부드러움.
• 단색: 같은 색조의 다섯 가지 밝기. 미묘하고 통일감 있음.

활용 사례

브랜드 디자이너는 하나의 브랜드 기본 색상에서 전체 팔레트를 생성합니다. 웹 개발자는 호버 상태에 맞는 보색 강조 색상을 선택합니다.

자주 묻는 질문

• 일부 색상이 비슷해 보이는 이유는? — 채도나 밝기가 매우 낮거나 높을 때 발생합니다. 더 채도 높은 중간 톤을 기본으로 사용해 보세요.
• Tailwind나 CSS에서 사용할 수 있나요? — 네. 16진수 코드를 복사하여 tailwind.config의 사용자 정의 색상이나 CSS 변수로 사용하세요.
• HSL이란? — 색조-채도-밝기. 색조는 색상환의 각도(0~360°), 채도는 강도, 밝기는 밝음의 정도입니다.