Quelles sont les couleurs de la marque apple.com ?

Les couleurs principales de apple.com sont #0071e3 (accent), #ffffff (fond) et #f5f5f7 (texte). La palette complète de 8 couleurs, avec le rôle de chacune, figure sur cette page en codes hex.

Quel est le code hex de apple.com ?

La couleur d’accent de apple.com est #0071e3 ; le fond de page est #ffffff et la couleur principale du texte #f5f5f7. Chacune est mesurée sur la page rendue : c’est ce que voient les visiteurs, pas une valeur tirée d’une charte graphique.

Comment utiliser les couleurs de apple.com dans Tailwind ou en CSS ?

Copiez les variables CSS ou le thème Tailwind v4 de cette page, ou téléchargez le pack de design : il inclut tokens.json (design tokens W3C), tokens.css et tailwind.css avec les mêmes valeurs.

Palette de couleurs apple.com : codes hex et CSS

Palette

8 couleurs

Couleurs	Rôle	Hex	RGB	Clair / sombre
`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`

Variables CSS

Chaque couleur en propriété personnalisée, nommée par rôle. Le bloc sombre est présent quand le site a un thème sombre.

1:root {
2  --color-background: #ffffff;
3  --color-surface: #f5f5f7;
4  --color-surface-2: #e2e2e5;
5  --color-foreground: #f5f5f7;
6  --color-primary: #0071e3;
7  --color-on-primary: #ffffff;
8  --color-secondary: #c69851;
9  --color-border: #0066cc;
10}
11
12[data-theme="dark"] {
13  --color-background: #000000;
14  --color-surface: #241004;
15  --color-surface-2: #171719;
16  --color-foreground: #f5f5f7;
17  --color-primary: #0071e3;
18  --color-on-primary: #ffffff;
19  --color-secondary: #3e935c;
20  --color-border: #2997ff;
21}

Pour les agents IA

Le pack est du texte brut, sans clé : récupérez DESIGN.md, ou confiez tout le pack à Claude Code, Cursor ou Copilot via le serveur MCP.

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

La palette de couleurs de apple.com