무료 색상 조합 팔레트 만들기

PIQE가 쓸 수 있는 색상 조합을 만드는 방식

좋은 팔레트에는 색상뿐 아니라 역할의 차이가 필요합니다. PIQE는 어두운 색, 중간색, 밝은 색, 부드러운 색, 강조색이 한 세트에 들어오도록 명도를 의도적으로 나눕니다. 수동 조정 전에도 글자, 표면, 테두리, 주요 행동, 배경 역할을 시험할 수 있는 이유입니다.

조합 방식은 색상환에서 색들이 맺는 관계를 바꿉니다. 유사색은 서로 가까워 차분하고, 보색은 반대편 색으로 강조가 강합니다. 삼각 배색은 세 개의 뚜렷한 색 계열을 만들고, 균형 조합은 교과서식 규칙에 묶이지 않으면서 UI에 필요한 차이를 확보합니다.

자동 생성은 출발점이지 접근성 보증이 아닙니다. 좋은 색을 잠근 뒤 나머지만 다시 만들고, 실제로 글자와 배경에 쓸 두 색을 대비 검사기로 넘기세요. 색상은 아름다워도 명도가 비슷하면 읽기 어려울 수 있습니다.

색상 조합 만들기 사용 순서

1. 차분한 분위기는 유사색, 강한 인상은 보색, 기준이 없다면 균형 조합을 선택합니다.
2. 한두 색이 마음에 들면 해당 색을 잠그고 나머지만 다시 생성합니다.
3. 브랜드 색을 정확히 써야 한다면 해당 스와치의 색상 선택기로 직접 수정합니다.
4. 장식 전에 역할을 정합니다. 가장 어두운 색은 글자, 가장 밝은 색은 표면, 선명한 한 색은 주요 행동에 배정해 보세요.
5. CSS 변수를 복사한 뒤 실제 글자와 배경의 모든 조합을 대비 검사기로 확인합니다.

용도별 색상 역할 예시

더 나은 결과를 위한 실무 팁

• 실제 사용할 크기에서 색을 판단하세요. 작은 포인트는 넓은 배경보다 채도가 높아도 부담이 적습니다.
• 중립적인 흰색이나 회색 위에서 비교하세요. 주변색이 같은 색의 인상을 바꿉니다.
• 60–30–10 규칙은 배분을 시작하는 기준일 뿐 반드시 맞춰야 할 공식이 아닙니다.
• 큰 수정 전에는 공유 링크를 복사해 두면 회원가입 없이 이전 조합으로 돌아갈 수 있습니다.

도구가 알 수 없는 것

계산 결과를 정확하게 사용하려면 한계도 함께 알아야 합니다.

• 자동 팔레트는 브랜드, 대상 고객, 인쇄 방식, 사용자의 모니터 환경을 알 수 없습니다.
• 배색 규칙은 색상 관계를 설명할 뿐 읽기 쉬운 대비를 보장하지 않습니다.
• HEX는 sRGB 화면색입니다. 인쇄물은 색상 관리된 교정이 필요합니다.

자주 묻는 질문