रंग
duolingo.com का कलर पैलेट
duolingo.com अपने पेज #ffffff पर बनाता है, #777777 टेक्स्ट के साथ और एक्सेंट के रूप में #58cc02, जो उसके प्राइमरी बटन और लिंक का रंग है। नीचे दिए 6 रंग लाइव साइट से मापे गए हैं।
duolingo.com से 4 दिन पहले मापा गया।
पैलेट
6 रंग| रंग | भूमिका | Hex | RGB |
|---|---|---|---|
background | Page background | #ffffff | rgb(255 255 255) |
foreground | Primary text | #777777 | rgb(119 119 119) |
primary | Candidate accent (semantic role inferred) | #58cc02 | rgb(88 204 2) |
on-primary | Text on the accent | #111111 | rgb(17 17 17) |
secondary | Secondary accent (cyan) | #1cb0f6 | rgb(28 176 246) |
border | Hairlines, dividers, input borders | #e5e5e5 | rgb(229 229 229) |
- पेज बैकग्राउंड पर टेक्स्ट
- 4.48:1 · WCAG AA से नीचे
- एक्सेंट पर टेक्स्ट
- 9.04:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #ffffff;
--color-foreground: #777777;
--color-primary: #58cc02;
--color-on-primary: #111111;
--color-secondary: #1cb0f6;
--color-border: #e5e5e5;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/duolingo.com/DESIGN.mdसवाल
duolingo.com के ब्रांड रंग क्या हैं?
duolingo.com के मुख्य रंग #58cc02 (एक्सेंट), #ffffff (बैकग्राउंड) और #777777 (टेक्स्ट) हैं। 6 रंगों का पूरा पैलेट, हर एक की भूमिका के साथ, इस पेज पर hex कोड के रूप में है।
duolingo.com का hex कोड क्या है?
duolingo.com का एक्सेंट रंग #58cc02 है; पेज का बैकग्राउंड #ffffff और मुख्य टेक्स्ट रंग #777777। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में duolingo.com के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।