रंग
apple.com का कलर पैलेट
apple.com अपने पेज #ffffff पर बनाता है, #f5f5f7 टेक्स्ट के साथ और एक्सेंट के रूप में #0071e3, जो उसके प्राइमरी बटन और लिंक का रंग है। नीचे दिए 8 रंग लाइव साइट से मापे गए हैं।
apple.com से 4 दिन पहले मापा गया।
पैलेट
8 रंग| रंग | भूमिका | Hex | RGB | लाइट / डार्क |
|---|---|---|---|---|
background | Page background | #ffffff | rgb(255 255 255) | #000000 |
surface | Cards, panels, raised or recessed surfaces | #f5f5f7 | rgb(245 245 247) | #241004 |
surface-2 | Secondary surface | #e2e2e5 | rgb(226 226 229) | #171719 |
foreground | Primary text | #f5f5f7 | rgb(245 245 247) | #f5f5f7 |
primary | Candidate accent (semantic role inferred) | #0071e3 | rgb(0 113 227) | #0071e3 |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) | #ffffff |
secondary | Secondary accent (yellow) | #c69851 | rgb(198 152 81) | #3e935c |
border | Hairlines, dividers, input borders | #0066cc | rgb(0 102 204) | #2997ff |
- पेज बैकग्राउंड पर टेक्स्ट
- 1.09:1 · WCAG AA से नीचे
- एक्सेंट पर टेक्स्ट
- 4.70:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #ffffff;
--color-surface: #f5f5f7;
--color-surface-2: #e2e2e5;
--color-foreground: #f5f5f7;
--color-primary: #0071e3;
--color-on-primary: #ffffff;
--color-secondary: #c69851;
--color-border: #0066cc;
}
[data-theme="dark"] {
--color-background: #000000;
--color-surface: #241004;
--color-surface-2: #171719;
--color-foreground: #f5f5f7;
--color-primary: #0071e3;
--color-on-primary: #ffffff;
--color-secondary: #3e935c;
--color-border: #2997ff;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/apple.com/DESIGN.mdसवाल
apple.com के ब्रांड रंग क्या हैं?
apple.com के मुख्य रंग #0071e3 (एक्सेंट), #ffffff (बैकग्राउंड) और #f5f5f7 (टेक्स्ट) हैं। 8 रंगों का पूरा पैलेट, हर एक की भूमिका के साथ, इस पेज पर hex कोड के रूप में है।
apple.com का hex कोड क्या है?
apple.com का एक्सेंट रंग #0071e3 है; पेज का बैकग्राउंड #ffffff और मुख्य टेक्स्ट रंग #f5f5f7। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में apple.com के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।