색상 팔레트 생성기
기본 색상 하나로 어울리는 색상 팔레트를 만듭니다.
보색
유사색
삼색 조화
단색조
사용 예시
웹사이트 배색 계획 세우기
브랜드의 기본 색상 하나로 버튼, 배경, 강조색에 쓸 어울리는 팔레트를 빠르게 뽑아냅니다.
보색으로 눈에 띄는 강조색 찾기
메인 색상과 정반대 색조를 확인해 CTA 버튼처럼 시선을 끌어야 할 요소에 쓸 색을 정합니다.
단색조 팔레트로 깊이감 더하기
같은 색의 밝고 어두운 변형들로 하나의 색만으로도 일관되고 세련된 디자인을 만듭니다.
자주 묻는 질문
색상 값이 서버로 전송되나요?
아니요. 모든 계산은 브라우저 안에서만 이루어지며, 입력한 색상 값은 서버로 전송되지 않습니다.
각 조화 유형은 어떻게 계산되나요?
기본 색상을 HSL로 바꾼 뒤 색상환에서 각도를 회전시켜 계산합니다 — 보색은 180도 반대, 유사색은 ±30도, 삼색 조화는 120도씩 떨어진 색입니다. 단색조는 같은 색상과 채도를 유지한 채 명도만 다르게 한 변형입니다.
매우 어둡거나 밝은 색을 넣으면 어떻게 되나요?
단색조 팔레트의 명도 값은 5~95% 범위로 제한되어 있어, 원래 색이 검정이나 흰색에 매우 가까우면 몇몇 변형이 서로 비슷해 보일 수 있습니다.