머티리얼 디자인 색상 선택기이란?
Material Design Color Picker는 모든 기본 색상과 그 음영 변형(50~900)을 포함한 전체 Material Design 색상 팔레트를 제공합니다. 색상 견본을 클릭하면 정확한 HEX 값을 얻을 수 있어 디자인 시스템이나 코드에 바로 사용할 수 있습니다.
사용 방법
- Material Design 기본 색상이 표시된 색상 그리드를 탐색하세요 — Red, Pink, Purple, Deep Purple, Indigo, Blue 등이 포함되어 있습니다.
- 기본 색상을 클릭하면 가장 밝은 음영(50)부터 가장 어두운 음영(900)까지 펼쳐지며, 강조 음영(A100~A700)도 포함됩니다.
- 원하는 음영을 클릭하여 HEX 코드를 복사하거나, 프로젝트에 필요한 여러 색상을 선택하여 팔레트를 구성하세요.
결과
대시보드를 개발 중이며 기본 버튼 색상으로 정확한 Material Design 'Indigo 500' (#3F51B5)이 필요하고, 호버 배경으로 'Indigo 50' (#E8EAF6)이 필요합니다.