Designer & Developer Tools
Build color systems from a single base color
Convert colors, generate shades and palettes, build gradients, test contrast and export semantic tokens for modern UI systems.
셰이드 스케일
팔레트
불투명도 스케일
그라디언트 미리보기
대비
접근성 미리보기
텍스트 및 인터페이스 표면의 가독성을 확인하세요.
섀도우 미리보기
프리미엄 섀도우
Color Lab
이 페이지는 디자인 시스템, UI 키트, 접근성 검사 및 재사용 가능한 토큰 생성을 위해 온라인 color tools 워크플로우가 필요한 사용자를 위해 설계되었습니다.
- Convert HEX, RGB and HSL values instantly
- Generate 50-900 style shade scales
- Create palettes and gradients for UI design
- Export CSS variables, SCSS tokens and JSON data
FAQ
자주 묻는 질문
Can I generate a full shade scale from one color?
Yes. The tool can create light and dark shades from a single base color.
Can I export CSS and SCSS tokens?
Yes. You can export colors as CSS variables, SCSS variables and JSON.
Does the tool check accessibility contrast?
Yes. It calculates contrast ratio and shows common WCAG ratings.