🎨 색상 도구 모음

🎨 색상 도구 — 디자인의 출발점

색상은 브랜드 인상의 60% 이상을 결정합니다. 같은 글, 같은 레이아웃이라도 컬러 선택 하나로 신뢰감·고급감·친근감이 갈립니다. PXLTool의 색상 카테고리는 팔레트 생성부터 대비 검사·컬러블라인드 시뮬·인쇄용 CMYK 변환·다크모드 변환까지 디자인 시스템을 처음부터 끝까지 다루는 도구들로 구성되어 있습니다. 모든 도구는 회원가입 없이, 브라우저에서, 무료로 동작합니다.

📐 추천 워크플로 (브랜드 컬러 시스템 만들기)

1. 메인 컬러 결정 — 브랜드 무드에 맞는 색상 하나. 빨강(에너지·긴급), 파랑(신뢰·전문성), 초록(자연·성장), 보라(창의·럭셔리) 같은 색상별 심리적 효과를 참고하세요.
2. 팔레트 확장 — 팔레트 생성기로 메인 컬러에서 유사·보색·삼색조 팔레트 자동 생성. 컬러 하모니로 60-30-10 규칙 적용.
3. 셰이드·틴트 시스템 — 셰이드 생성기로 50/100/200~900 11단계 명도 시스템 구축. Tailwind/Material Design 스타일.
4. 대비 검사 — WCAG 대비 검사로 텍스트 가독성 4.5:1 이상 보장. 본문 7:1 권장.
5. 컬러블라인드 검증 — 컬러블라인드 시뮬로 적록·청황 색맹 사용자에게도 정보 전달이 되는지 확인.
6. 인쇄용 CMYK 변환 — 인쇄물 제작 시 HEX↔CMYK 변환으로 sRGB → CMYK 사전 검토. 인쇄소 ICC 프로파일과 별도 조정 필요.
7. 다크모드 대응 — 다크모드 변환으로 라이트 모드 팔레트에서 다크 버전 자동 생성.

💡 색상 작업 실전 팁

• RGB와 HSL을 동시에 사용하세요. RGB는 화면 출력에, HSL은 명도·채도 조절에 직관적. 디자인 시스템 토큰은 HSL로 정의하고 출력만 HEX로 하는 것이 유지보수에 유리합니다.
• 인쇄물에는 sRGB → CMYK 변환의 한계를 인지하세요. 형광 컬러·딥 블루·진한 빨강은 CMYK 영역 밖. 인쇄 결과가 화면보다 칙칙해 보입니다. 핵심 브랜드 컬러는 Pantone 별색으로 지정하세요.
• 다크모드는 색상 반전이 아닙니다. 흰 배경 → 검정 단순 반전은 채도 과다·헤일로 효과 유발. 진짜 검정(#000) 대신 #0f172a, 진짜 흰색(#fff) 대신 #f1f5f9 사용. 채도는 30~40% 낮추는 것이 표준.
• 색상 이름을 정해두세요. #ec4899보다 "brand-pink-500"이 협업·유지보수에 강합니다. CSS 변수 + 디자인 토큰 시스템 도입 추천.
• 접근성은 선택이 아닙니다. 한국 인구의 약 5%가 색맹·색약. 색만으로 정보를 전달하지 마세요. 아이콘·텍스트·패턴을 보조 수단으로.

📖 색상 관련 PXLTool 블로그 글

• 2026 컬러 트렌드: 모카 무스 다음은 무엇 — 팬톤 올해의 색, Adobe 트렌드, 디자인 업계 흐름
• 다크 모드 디자인: 그냥 색 반전하면 안 되는 이유 — 진짜 다크 모드 만드는 5가지 원칙
• 1인 디자인 시스템 만들기 — 색·폰트·간격 3개로 시작하는 디자인 시스템

🙋 자주 묻는 질문

🗂 다른 카테고리