Material 팔레트 생성기 – 50–900 색상 스케일 만들기
Material 팔레트 생성기는 기본 색상과 OKLch 명도 램프를 사용해 50에서 900까지 10단계의 Material Design 스타일 색상 스케일을 만듭니다. 사용 가능한 옵션을 설정하고 팔레트를 생성한 뒤, 원하는 단계를 클릭해 값을 복사하세요. Material 테마에 결과를 사용하거나, 테스트, 픽스처, 시드 데이터용 색상 값을 준비하세요.
Material 팔레트 생성기는 기본 색상에서 Material Design 스타일 색상 스케일을 만드는 브라우저 기반 도구입니다. 50부터 900까지 표시된 10단계를 생성하므로, 모든 값을 손으로 고르지 않고도 Material 색상 팔레트를 쉽게 만들 수 있습니다. 테마, 개발 데이터, 시각 실험용 색상 스케일을 만드는 데 사용하세요.
생성기는 OKLch 명도 램프를 사용해 스케일을 만듭니다. 먼저 사용 가능한 옵션을 설정하고 팔레트를 생성하세요. 각 결과는 50, 100, 900 같은 단계로 표시됩니다. 단계를 클릭해 값을 복사한 뒤 필요한 곳에 붙여넣으세요. Material 테마, 테스트, 픽스처, 시드 데이터에 개별 값을 복사하는 워크플로를 지원합니다.
기본 색상 하나는 단일 값이지만, 팔레트 스케일은 테마나 프로젝트의 다양한 필요에 맞는 관련 단계 집합을 제공합니다. Material 팔레트 생성기는 색상 값을 손으로 만들 필요 없이 10단계를 만듭니다. 번호가 매겨진 표시 덕분에 스케일의 특정 지점을 쉽게 선택하고 참조할 수 있습니다.
이 도구는 브라우저에서 완전히 동작합니다. 입력은 사용자의 기기에서 처리되며 서버로 전송되지 않습니다. 가입이 필요 없으며, 페이지가 로드된 후에는 오프라인에서도 생성기가 동작합니다. 테마 값, 테스트 데이터, 픽스처, 시드 데이터, 색상 샘플을 준비하는 개발자와 DevOps 엔지니어에게 유용합니다.
1단계: 팔레트를 생성하기 전에 사용 가능한 옵션을 설정하세요. 도구는 설정값을 사용해 색상 스케일을 만듭니다.
2단계: 기본 색상에서 팔레트를 생성하세요. 결과는 50, 100부터 900까지 표시되는 10단계 Material Design 스타일 스케일입니다.
3단계: 생성된 색상 값을 검토해 테마, 테스트, 기타 프로젝트 데이터에 필요한 단계를 찾으세요.
4단계: 팔레트 단계를 클릭해 값을 복사한 뒤 Material 테마나 프로젝트에 붙여넣으세요.
사용 사례: 테스트, 픽스처, 시드 데이터용 Material 팔레트 값을 준비하세요. 생성된 스케일로 개발에 사용할 일관된 색상 단계 집합을 얻을 수 있습니다.
사용 사례: 색상 값을 손으로 직접 만들지 말고 한 번에 묶음으로 생성하세요. 프로젝트용 팔레트 데이터를 더 빠르게 준비할 수 있습니다.
사용 사례: 샘플 데이터나 실험에 색상이 필요할 때 키보드로 대충 입력한 값이 아닌 제대로 된 색상 값을 얻으세요.
사용 사례: 기본 색상에서 Material 테마를 만드세요. 50–900 스케일로 테마에 복사할 여러 단계를 얻을 수 있습니다.
사용 사례: 프로토타입이나 시각 테스트용 색상 값을 만드세요. 스케일을 손으로 다시 만들지 않고 필요한 단계만 복사하세요.
사용 사례: 개발 작업용으로 반복 가능한 팔레트 값 집합을 준비하세요. 표시된 단계 덕분에 필요한 색상을 쉽게 식별하고 재사용할 수 있습니다.