Generate complete design token palettes from a single seed color. Export to Tailwind, CSS, or SCSS.
UI 색상 시스템은 단일 시드 색상으로 구성된 색상 변형 세트입니다. 디자인 토큰, 버튼, 배경 및 텍스트 색상에 대해 일관된 명암 비율을 제공합니다.
시드 색상을 선택하고 스타일(Tailwind 또는 Material)을 선택하세요. 이 도구는 밝은 색상(50)에서 어두운 색상(900)까지 완전한 10단계 팔레트를 생성하므로 디자인 시스템에 적합합니다.
디자인 토큰이란 무엇입니까? 디자인 토큰은 디자인 시스템 전체에서 일관되게 사용되는 색상과 같은 디자인 속성을 저장하는 명명된 값입니다.
왜 10가지 쉐이드가 필요한가요? UI 요소마다 다른 대비 수준이 필요합니다. 10단계 스케일은 배경, 테두리, 호버 상태 및 텍스트에 유연성을 제공합니다.