Tints और Shades Generator — Color Scale
Modern design systems में single colors नहीं, बल्कि color scales use होती हैं। हमारा Tints and Shades Generator किसी भी base color से complete 100-900 scale automatically बनाता है।
Tints vs Shades vs Tones
- Tints: Color + White = lighter versions
- Shades: Color + Black = darker versions
- Tones: Color + Gray = more muted versions
Tailwind CSS जैसी Scale
Tool Tailwind-style 100-900 scale generate करता है जिसे directly tailwind.config.js में use कर सकते हैं। Consistent design language automatically आती है।
Dark Mode Implementation
Primary color की scale होने से dark mode easy हो जाता है — light mode में 600 use करें, dark mode में 400, backgrounds में 100 और 900 क्रमशः।
Generate करें: Tints and Shades Generator
अक्सर पूछे जाने वाले प्रश्न
CSS variables में कैसे export करें?
Tool --color-primary-100 से --color-primary-900 तक variables generate करता है :root में use के लिए।
Brand color की scale बनाते समय क्या ध्यान रखें?
Middle value (500) को actual brand color रखें। यह convention Tailwind और Material Design में follow होती है।
Semantic colors (success, error) के लिए?
Green scale for success, Red for error, Yellow for warning generate करें और 50-100 background के लिए, 600-700 text के लिए use करें।