रंग
github.com का कलर पैलेट
github.com अपने पेज #0d1117 पर बनाता है, #ffffff टेक्स्ट के साथ और एक्सेंट के रूप में #08872b, जो उसके प्राइमरी बटन और लिंक का रंग है। नीचे दिए 10 रंग लाइव साइट से मापे गए हैं।
github.com से 4 दिन पहले मापा गया।
पैलेट
10 रंग| रंग | भूमिका | Hex | RGB | लाइट / डार्क |
|---|---|---|---|---|
background | Page background | #0d1117 | rgb(13 17 23) | #0d1117 |
surface | Cards, panels, raised or recessed surfaces | #000000 | rgb(0 0 0) | #000000 |
surface-2 | Secondary surface | #1c1f25 | rgb(28 31 37) | |
surface-3 | Secondary surface | #3d4145 | rgb(61 65 69) | |
foreground | Primary text | #ffffff | rgb(255 255 255) | #ffffff |
muted-foreground | Secondary text, captions | #a4aea6 | rgb(164 174 166) | |
primary | Candidate accent (semantic role inferred) | #08872b | rgb(8 135 43) | #08872b |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) | #ffffff |
secondary | Secondary accent (blue) | #1f6feb | rgb(31 111 235) | #1f6feb |
border | Hairlines, dividers, input borders | #25292e | rgb(37 41 46) | #25292e |
- पेज बैकग्राउंड पर टेक्स्ट
- 18.92:1 · WCAG AA पास
- एक्सेंट पर टेक्स्ट
- 4.66:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #0d1117;
--color-surface: #000000;
--color-surface-2: #1c1f25;
--color-surface-3: #3d4145;
--color-foreground: #ffffff;
--color-muted-foreground: #a4aea6;
--color-primary: #08872b;
--color-on-primary: #ffffff;
--color-secondary: #1f6feb;
--color-border: #25292e;
}
[data-theme="dark"] {
--color-background: #0d1117;
--color-surface: #000000;
--color-foreground: #ffffff;
--color-primary: #08872b;
--color-on-primary: #ffffff;
--color-secondary: #1f6feb;
--color-border: #25292e;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/github.com/DESIGN.mdसवाल
github.com के ब्रांड रंग क्या हैं?
github.com के मुख्य रंग #08872b (एक्सेंट), #0d1117 (बैकग्राउंड) और #ffffff (टेक्स्ट) हैं। 10 रंगों का पूरा पैलेट, हर एक की भूमिका के साथ, इस पेज पर hex कोड के रूप में है।
github.com का hex कोड क्या है?
github.com का एक्सेंट रंग #08872b है; पेज का बैकग्राउंड #0d1117 और मुख्य टेक्स्ट रंग #ffffff। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में github.com के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।