रंग
wise.com का कलर पैलेट
wise.com अपने पेज #ffffff पर बनाता है, #163300 टेक्स्ट के साथ और बिना किसी एक एक्सेंट रंग के। नीचे दिए 9 रंग लाइव साइट से मापे गए हैं।
wise.com से 4 दिन पहले मापा गया।
पैलेट
9 रंग| रंग | भूमिका | Hex | RGB |
|---|---|---|---|
background | Page background | #ffffff | rgb(255 255 255) |
surface | Cards, panels, raised or recessed surfaces | #ecefeb | rgb(236 239 235) |
surface-2 | Secondary surface | #e2f6d5 | rgb(226 246 213) |
surface-3 | Secondary surface | #d0d6cc | rgb(208 214 204) |
foreground | Primary text | #163300 | rgb(22 51 0) |
primary | Candidate accent (semantic role inferred) | #163300 | rgb(22 51 0) |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) |
secondary | Secondary accent (orange) | #cf2929 | rgb(207 41 41) |
border | Hairlines, dividers, input borders | #e2e2e2 | rgb(226 226 226) |
- पेज बैकग्राउंड पर टेक्स्ट
- 13.93:1 · WCAG AA पास
- एक्सेंट पर टेक्स्ट
- 13.93:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #ffffff;
--color-surface: #ecefeb;
--color-surface-2: #e2f6d5;
--color-surface-3: #d0d6cc;
--color-foreground: #163300;
--color-primary: #163300;
--color-on-primary: #ffffff;
--color-secondary: #cf2929;
--color-border: #e2e2e2;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/wise.com/DESIGN.mdसवाल
wise.com का hex कोड क्या है?
wise.com का एक्सेंट रंग #163300 है; पेज का बैकग्राउंड #ffffff और मुख्य टेक्स्ट रंग #163300। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में wise.com के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।