Color system – Material Design 3

Color System

Material Design 은 다음과 같은 컬러 시스템을 사용한다.

Accent Colors (강조 색상)

Accent 컬러는 다음과 같이 3개로 구분한다.

• Primary (주요 색상) : Primary 색상은, 두드러지게 표시되는 UI의 주요 구성 요소의 색상을 의미한다.

  • 예) FAB, 버튼색상, Activate 상태, Surface

  

• Secondary (보조 색상) : Secondary 색상은 덜 두드러지게 보이는 색상을 의미한다.

  • 예) 플로팅 액션 버튼, 체크 박스, 라디오 버튼, 선택된 텍스트 강조, 링크 및 제목

  

• Tertiary (3차 색상) : Tertiary는 “Primary” 와 “Secondary” 색상을 균형 잡히게 하거나 요소에 높은 강조를 가져다주는 데 사용할 수 있는 색상을 의미한다.

  • 이러한 3차 색상은 팀의 재량에 따라 사용하기 위해 남겨져 있으며, 제품에서 더 넓은 색상을 표현을 지원하기 위해 사용된다.
  • 주로 입력필드와 같은 요소에 주목을 끌기 위해 사용될 수 있는 삼차 색상을 지정한다.

  

세부사항 컬러는 다음과 같이 구분한다.