색에 흰색을 섞으면 옅은 색이 됩니다. 옅은 색의 정의는 바로 이것입니다. 분홍색은 빨간색의 옅은 색이고, 하늘색은 파란색의 옅은 색입니다. 파스텔톤의 모든 색은 더 진한 색의 옅은 색입니다.

혼란은 사람들이 일상 대화에서 색조(tint)와 명암(shade)을 혼용해서 사용하는 데서 시작됩니다. 색채 이론에서 이 둘은 정반대 개념입니다. 명암은 검은색을 더하고, 색조는 회색을 더하며, 색조는 흰색을 더합니다. 세 가지 다른 작업이며, 결과도 다릅니다. HSL(High-Sensitive Language)을 사용하는 디자이너는 명도 값을 높여 색조를 만들 수 있고, 화가는 흰색 물감을 섞어 색조를 만듭니다.

디자인 시스템에서의 색조

• 마우스 오버 시 기본 색상보다 밝은 색상을 생성합니다.
• 같은 색조 계열의 배경색을 만드세요
• 산뜻함, 부드러움 또는 친근함을 암시합니다.
• 색조를 변경하지 않고 시각적 계층 구조를 설정합니다.

많은 디자인 시스템은 하나의 기본 색상에서 색조 스케일을 생성하는데, 일반적으로 흰색에 가까운 색부터 검은색에 가까운 색까지 10단계로 구성됩니다. 머티리얼 디자인과 애플의 휴먼 인터페이스 가이드라인 모두 색조 스케일을 사용합니다. 장점은 일관성입니다. 시스템 내의 모든 밝은 파란색은 동일한 레시피로 만들어집니다. 단점은 스케일을 변화 없이 사용하면 단조로워진다는 것입니다. 색조는 구성 요소 내 어딘가에 강렬한 기준색과 함께 사용될 때 가장 효과적입니다.