ما كود hex الخاص بـ openai.com؟

اللون المميز في openai.com هو #000000؛ خلفية الصفحة #ffffff ولون النص الرئيسي #000000. كل قيمة مقاسة من الصفحة المعروضة، فهي ما يراه الزوار، لا قيمة من دليل أنماط.

كيف أستخدم ألوان openai.com في Tailwind أو CSS؟

انسخ متغيرات CSS أو سمة Tailwind v4 من هذه الصفحة، أو نزّل حزمة التصميم: تتضمن tokens.json (بصيغة W3C design tokens) وtokens.css وtailwind.css بالقيم نفسها.

لوحة ألوان openai.com: أكواد hex وCSS

اللوحة

8 ألوان

الألوان	الدور	Hex	RGB	فاتح / داكن
`background`	Page background	`#ffffff`	`rgb(255 255 255)`	`#000000`
`surface`	Cards, panels, raised or recessed surfaces	`#e0e0e0`	`rgb(224 224 224)`	`#1f1f1f`
`surface-2`	Secondary surface	`#f1f1f1`	`rgb(241 241 241)`
`foreground`	Primary text	`#000000`	`rgb(0 0 0)`	`#ffffff`
`muted-foreground`	Secondary text, captions	`#666666`	`rgb(102 102 102)`	`#999999`
`primary`	Candidate accent (semantic role inferred)	`#000000`	`rgb(0 0 0)`	`#ffffff`
`on-primary`	Text on the accent	`#ffffff`	`rgb(255 255 255)`	`#111111`
`border`	Hairlines, dividers, input borders	`#e0e0e0`	`rgb(224 224 224)`	`#333333`

متغيرات CSS

كل لون كخاصية مخصصة مسماة بدورها. تظهر كتلة الوضع الداكن عندما يكون للموقع سمة داكنة.

1:root {
2  --color-background: #ffffff;
3  --color-surface: #e0e0e0;
4  --color-surface-2: #f1f1f1;
5  --color-foreground: #000000;
6  --color-muted-foreground: #666666;
7  --color-primary: #000000;
8  --color-on-primary: #ffffff;
9  --color-border: #e0e0e0;
10}
11
12[data-theme="dark"] {
13  --color-background: #000000;
14  --color-surface: #1f1f1f;
15  --color-foreground: #ffffff;
16  --color-muted-foreground: #999999;
17  --color-primary: #ffffff;
18  --color-on-primary: #111111;
19  --color-border: #333333;
20}

لوكلاء الذكاء الاصطناعي

الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.

curl -s https://stylepack.ai/packs/openai.com/DESIGN.md

اللوحة

أسئلة

ما كود hex الخاص بـ openai.com؟

كيف أستخدم ألوان openai.com في Tailwind أو CSS؟