Designer & Developer Tools
Generate shade scales from a base color
Create lighter and darker shades from a single base color and export them as CSS or SCSS tokens.
셰이드 스케일
팔레트
불투명도 스케일
그라디언트 미리보기
대비
접근성 미리보기
텍스트 및 인터페이스 표면의 가독성을 확인하세요.
섀도우 미리보기
프리미엄 섀도우
Generate shade scales from a base color
이 페이지는 디자인 시스템, UI 키트, 접근성 검사 및 재사용 가능한 토큰 생성을 위해 온라인 shade generator 워크플로우가 필요한 사용자를 위해 설계되었습니다.
- Fast visual workflow
- Ready-to-copy CSS and token output
- Useful for design systems and UI kits
- Built for developers and designers
FAQ
자주 묻는 질문
Who is this color tool for?
It is useful for designers, frontend developers and anyone building design systems.
Can I copy the generated output?
Yes. You can copy and download the generated CSS, SCSS or JSON output.