색상 팔레트 생성기

이 도구 소개

컬러 팔레트 생성기는 보색, 삼각(triadic), 유사색, 분할 보색, 사각(tetradic), 단색 등 색채 이론의 배색 원리를 이용해 어떤 기준 색으로든 5색 팔레트를 만들고 CSS 사용자 정의 속성으로 내보냅니다.

사용 방법

1. 색상 선택기로 기준 색을 고릅니다.
2. 보색이나 삼각 배색 같은 배색 유형을 선택합니다.
3. 생성된 다섯 가지 색 견본을 확인합니다.
4. CSS 변수로 복사를 눌러 팔레트를 스타일시트에 붙여 넣습니다.

알아두면 좋은 점

• 보색은 색상환에서 180° 떨어져 있고, 삼각 배색은 120° 간격으로 놓입니다.
• 유사색 팔레트는 이웃한 색상(약 30° 간격)을 사용해 차분하고 통일감 있는 느낌을 줍니다.
• 분할 보색은 기준 색상과 그 보색 양옆(±30°)의 두 색상을 조합해, 긴장감은 덜하면서 대비를 줍니다.
• 단색 팔레트는 색상 하나를 유지하고 채도와 명도만 바꿉니다.
• 이 생성기는 HSL로 계산하므로 색의 명도를 바꾸지 않고 색상을 회전시킵니다.

모든 처리는 브라우저 안에서 이루어집니다. 입력한 내용은 업로드되거나 저장되지 않습니다.

자주 묻는 질문