Référence des couleurs système iOS

• Référence complète des couleurs système d'iOS 18 : parcourez toutes les couleurs système iOS telles que définies dans les Human Interface Guidelines d'Apple - 13 couleurs sémantiques du système (bleu, rouge, vert, orange, jaune, rose, violet, indigo, sarcelle, menthe, cyan, brun et gris avec 6 variantes de gris), 5 niveaux d'emphase de texte/étiquette, 4 opacités de remplissage, 6 variantes d'arrière-plan, 2 styles de séparateur et couleurs de lien/teinte.
• Valeurs en modes clair et sombre côte à côte : chaque couleur inclut des valeurs HEX et RGB en modes clair et sombre. La bascule clair/sombre vous permet de changer instantanément l'affichage pour voir comment les couleurs s'adaptent entre les apparences. Des mini-échantillons montrent les deux variantes d'un coup d'œil pour une comparaison facile.
• Recherche et filtre par catégorie : trouvez rapidement n'importe quelle couleur système iOS en recherchant par nom, valeur HEX ou catégorie. Filtrez par 6 catégories - couleurs du système, texte et étiquettes, couleurs de remplissage, couleurs d'arrière-plan, couleurs de séparateur, et couleurs de lien et de teinte. Copiez HEX ou RGB en un clic.
• Copie HEX et RGB en un clic : chaque carte de couleur comprend des boutons Copier pour les valeurs HEX et RGB. La valeur copiée correspond au mode de thème actuellement sélectionné (clair ou sombre), vous obtenez donc toujours la valeur correcte pour votre contexte de design.

Les couleurs système iOS sont un ensemble de couleurs sémantiques prédéfinies dans les Human Interface Guidelines (HIG) d'Apple. Elles offrent un langage visuel cohérent dans toutes les apps iOS et sont conçues pour fonctionner parfaitement en mode clair comme en mode sombre. Plutôt que d'utiliser des valeurs de couleur arbitraires pour les éléments d'interface, Apple recommande d'utiliser les couleurs système - elles s'adaptent automatiquement aux réglages d'accessibilité de l'utilisateur (comme Augmenter le contraste et Réduire la transparence) et garantissent un aspect et une sensation natifs.

Les couleurs système iOS sont organisées en plusieurs groupes fonctionnels, chacun ayant un rôle précis dans la hiérarchie de l'interface :

• Couleurs du système - 13 couleurs sémantiques (rouge, orange, jaune, vert, menthe, sarcelle, cyan, bleu, indigo, violet, rose, brun, gris) plus 6 variantes de gris. Elles servent à des significations sémantiques précises - le rouge pour les actions destructrices, le vert pour la réussite, le bleu pour les actions principales.
• Couleurs d'étiquette - couleurs d'étiquette primaire, secondaire, tertiaire et quaternaire qui établissent une hiérarchie de texte claire. L'étiquette primaire est presque noire/blanche pour les titres, tandis que les tertiaires et quaternaires sont progressivement plus transparentes pour les contenus de moindre emphase.
• Couleurs de remplissage - quatre couleurs de remplissage à opacités variables (du remplissage système au remplissage quaternaire) pour différentes épaisseurs d'éléments d'interface. Les remplissages plus clairs servent aux éléments fins comme les pistes de curseur ; les plus denses aux grandes zones d'arrière-plan.
• Couleurs d'arrière-plan - couleurs d'arrière-plan système et groupées avec variantes primaire, secondaire et tertiaire. Elles créent une hiérarchie visuelle par la profondeur des surfaces.

Chaque couleur système iOS possède des valeurs distinctes en mode clair et en mode sombre. Le système bascule automatiquement entre ces valeurs selon le réglage d'apparence de l'utilisateur ou l'environnement lumineux actuel. Par exemple, l'étiquette est noir pur (#000000) en mode clair pour un contraste maximal sur fond blanc, et blanc pur (#ffffff) en mode sombre pour une lisibilité optimale sur des surfaces sombres. Certaines couleurs, comme le gris système (#8e8e93), restent identiques dans les deux modes par souci de cohérence. Notre outil de référence vous permet de basculer entre modes clair et sombre pour voir comment chaque couleur s'adapte.

Apple conçoit toutes les couleurs système du HIG pour respecter les exigences de contraste WCAG 2.1 AA lorsqu'elles sont utilisées conformément aux consignes. Le système d'opacité d'étiquette à quatre niveaux (primaire → quaternaire) garantit que le texte le plus important bénéficie du contraste le plus élevé. Les couleurs système fonctionnent aussi avec des fonctions d'accessibilité comme Augmenter le contraste (qui ajuste les valeurs des couleurs système pour une différenciation encore plus forte) et Réduire la transparence (qui influence le rendu des couleurs de remplissage et de séparateur). Lorsque vous créez des apps iOS, privilégiez toujours les couleurs système à signification sémantique (comme UIColor.systemRed pour les actions destructrices) plutôt que des valeurs de couleur arbitraires - elles garantissent que votre app s'adapte correctement à tous les réglages d'accessibilité et aux futures mises à jour d'iOS.