틴트 & 쉐이드 생성기 — 색상 변형 만들기

전문적인 색상 시스템은 단일 색상에서 여러 밝기 변형을 포함합니다. 틴트(흰색 추가)와 쉐이드(검정 추가)로 완전한 색상 팔레트를 만드세요.

틴트 vs 쉐이드 vs 톤

• 틴트: 색상 + 흰색 = 더 밝은 버전
• 쉐이드: 색상 + 검정 = 더 어두운 버전
• 톤: 색상 + 회색 = 채도 감소

디자인 시스템에서의 활용

Tailwind CSS나 Material Design처럼 50~900 사이의 10단계 스케일을 만드세요:

• 50~100: 배경, 호버 상태
• 200~400: 보조 요소
• 500: 기본 색상
• 600~700: 진한 버전, 버튼 호버
• 800~900: 텍스트, 아이콘

접근성 팁

각 색상 변형에 대해 대비율을 확인하여 모든 사용자가 텍스트를 읽을 수 있는지 확인하세요.