머티리얼 색상 참조
무료 온라인 도구로 모든 머티리얼 디자인 색상 코드를 검색하고 복사하세요. 256가지 팔레트의 HEX 값을 클릭 한 번으로 확인할 수 있습니다.
No results found
사용 방법
- 브라우저에서 Material Color Reference 도구를 엽니다.
- 색상 계열별로 정리된 256가지 색상의 전체 팔레트를 탐색합니다.
- 스크롤을 내려 원하는 색상 그룹을 찾고 사용할 색상을 선택합니다.
- 색상 견본을 클릭하면 hex 코드가 클립보드에 자동으로 복사됩니다.
- 복사한 코드를 CSS, Figma, Sketch 또는 다른 디자인 도구에 바로 붙여넣습니다.
예시
입력: Material Pink 300
결과: #F06292
자주 묻는 질문
Google의 공식 색상 시스템으로, Red, Blue, Green, Purple 등의 색상 계열로 구성된 256가지 색상을 포함하며 각 계열은 밝기에 따라 여러 단계의 음영을 제공합니다.
네, 완전히 안전합니다. 모든 처리는 브라우저의 클라이언트 측에서 이루어지며 어떠한 데이터도 서버로 전송되지 않습니다.
색상 견본이나 hex 값을 클릭하기만 하면 자동으로 클립보드에 복사됩니다.
네, Material Design 색상은 자유롭게 사용 가능하며 개인 및 상업 목적의 웹, 모바일, 데스크톱 애플리케이션에 널리 활용됩니다.
대부분의 색상 계열은 50부터 900까지의 음영을 포함하며, 일부 색상에는 A100, A200, A400, A700 액센트 변형도 포함됩니다.