रंग
airbnb.com का कलर पैलेट
airbnb.com अपने पेज #ffffff पर बनाता है, #222222 टेक्स्ट के साथ और एक्सेंट के रूप में #da1249, जो उसके प्राइमरी बटन और लिंक का रंग है। नीचे दिए 8 रंग लाइव साइट से मापे गए हैं।
airbnb.com से 4 दिन पहले मापा गया।
पैलेट
8 रंग| रंग | भूमिका | Hex | RGB |
|---|---|---|---|
background | Page background | #ffffff | rgb(255 255 255) |
surface | Cards, panels, raised or recessed surfaces | #dddddd | rgb(221 221 221) |
surface-2 | Secondary surface | #f2f2f2 | rgb(242 242 242) |
foreground | Primary text | #222222 | rgb(34 34 34) |
muted-foreground | Secondary text, captions | #6c6c6c | rgb(108 108 108) |
primary | Candidate accent (semantic role inferred) | #da1249 | rgb(218 18 73) |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) |
border | Hairlines, dividers, input borders | #ffffff | rgb(255 255 255) |
- पेज बैकग्राउंड पर टेक्स्ट
- 15.91:1 · WCAG AA पास
- एक्सेंट पर टेक्स्ट
- 5.04:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #ffffff;
--color-surface: #dddddd;
--color-surface-2: #f2f2f2;
--color-foreground: #222222;
--color-muted-foreground: #6c6c6c;
--color-primary: #da1249;
--color-on-primary: #ffffff;
--color-border: #ffffff;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/airbnb.com/DESIGN.mdसवाल
airbnb.com के ब्रांड रंग क्या हैं?
airbnb.com के मुख्य रंग #da1249 (एक्सेंट), #ffffff (बैकग्राउंड) और #222222 (टेक्स्ट) हैं। 8 रंगों का पूरा पैलेट, हर एक की भूमिका के साथ, इस पेज पर hex कोड के रूप में है।
airbnb.com का hex कोड क्या है?
airbnb.com का एक्सेंट रंग #da1249 है; पेज का बैकग्राउंड #ffffff और मुख्य टेक्स्ट रंग #222222। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में airbnb.com के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।