Accueil
Outils de Couleurs
Couleurs de système iOS et Android

Couleurs de système iOS et Android Parcourez les couleurs de système pour l'interface humaine d'iOS et le design Material de Android.

🎨

Couleurs de système iOS et Android

Parcourez les couleurs de système pour l'interface humaine d'iOS et le design Material de Android.

Choisir la plateforme

Sélectionnez iOS (Human Interface) ou Android (Material 3).

Basculer l'apparence

Pour iOS, basculez entre les couleurs de mode clair et sombre.

Copier les couleurs

Copiez le code HEX de n'importe quelle couleur système.

Loading tool...

What Is Couleurs de système iOS et Android?

Cet outil fournit une référence complète pour les couleurs de système iOS et Android - les couleurs prédéfinies recommandées par Apple et Google pour la création d'applications natives. Les couleurs de système iOS suivent les directives d'interface humaine d'Apple (HIG) et comprennent des couleurs avec des noms sémantiques comme systemBlue, systemRed et des variantes systemGray, chacune avec des valeurs distinctes pour les modes clair et sombre. Les couleurs Android suivent les jetons de conception Material Design 3 (Material You), notamment les couleurs Primaires, Secondaires, Tertiaires, d'Erreur et de Surface. L'utilisation des couleurs de système de plateforme garantit que votre application a une apparence native, s'adapte aux modes d'apparence (clair/sombre) et maintient les normes d'accessibilité établies par chaque plateforme. Cette référence permet aux développeurs d'éviter de fouiller dans la documentation et leur assure l'utilisation des valeurs de couleur exactes spécifiées par Apple et Google.

Why Use Couleurs de système iOS et Android?

Couleurs du système iOS complètes avec des variantes de mode clair et sombre
Jetons de conception Material 3 pour le développement Android
Couleurs officielles de la plateforme pour une apparence native
Basculer entre les modes clair et sombre (iOS)
Copie en un clic pour chaque couleur

Common Use Cases

Développement iOS

Référencez les valeurs exactes des couleurs du système pour le développement Swift/SwiftUI.

Développement Android

Trouvez les valeurs de jetons de couleur Material 3 pour Kotlin/Jetpack Compose.

Conception cross-plateforme

Comparez les couleurs du système iOS et Android lors de la conception d'applications cross-plateforme.

Bibliothèques Figma/Sketch

Configurez des bibliothèques d'outils de conception avec des couleurs de système de plateforme précises.

Technical Guide

Les couleurs de système iOS sont des couleurs sémantiques qui s'adaptent automatiquement entre les apparences claires et sombres. Par exemple, systemBlue est #007AFF en mode clair et #0A84FF en mode sombre - légèrement plus claire pour maintenir une prominance visuelle contre les arrières-plans sombres. Les valeurs de couleur sont définies dans les frameworks UIKit (UIColor) et SwiftUI (Color) d'Apple. Android Material 3 utilise un système basé sur des jetons : Primaires, Secondaires, Tertiaires pour les couleurs clés, Surface et Background pour les conteneurs, et des variantes On-* pour le contenu de ces surfaces. Les jetons Material 3 sont conçus pour fonctionner avec la génération dynamique de couleurs à partir des fonds d'écran utilisateur via le système Material You. Les deux plateformes choisissent des couleurs légèrement différentes pour le mode sombre afin d'optimiser la luminosité perçue et le contraste par rapport à leurs couleurs d'arrière-plan sombres respectives.

Tips & Best Practices

1
Les couleurs du système iOS s'adaptent automatiquement dans le code - utilisez UIColor.systemBlue au lieu de valeurs HEX codées en dur
2
Les jetons Material 3 d'Android doivent être utilisés via MaterialTheme dans Jetpack Compose
3
Les couleurs de mode sombre sont légèrement plus claires que les couleurs de mode clair pour maintenir le poids visuel sur les fonds sombres
4
Utilisez des noms sémantiques (couleurs du système) plutôt que des valeurs codées en dur pour prendre en charge automatiquement le mode sombre
5
iOS dispose de six niveaux de gris (systemGray à systemGray6) pour différents niveaux de hiérarchie

Related Tools

Convertisseur HEX vers RGB

Convertissez les codes de couleur HEX en valeurs RVB instantanément avec un aperçu de couleur interactif.

🎨 Color Tools

Sélecteur de couleurs

Sélecteur de couleurs interactif avec sorties HEX, RGB, HSL et CMYK.

🎨 Color Tools

Vérificateur de rapport de contraste

Vérifiez les rapports de contraste WCAG entre les couleurs de premier plan et d'arrière-plan.

🎨 Color Tools

Palettes de couleurs de marque

Parcourez les palettes de couleurs officielles de plus de 50 marques et entreprises technologiques populaires.

🎨 Color Tools

Couleurs Material Design

Parcourez la palette de couleurs Material Design complète avec toutes les nuances et accents.

🎨 Color Tools

Frequently Asked Questions

Q Pourquoi les couleurs de mode sombre sont-elles différentes des couleurs de mode clair ?

Les couleurs de mode sombre sont ajustées pour maintenir le poids visuel et la lisibilité sur les fonds sombres. L'inversion simple des couleurs de mode clair ne donne pas de bons résultats car la perception humaine de la luminosité est non linéaire.

Q Devrais-je utiliser ces valeurs HEX exactes dans le code natif ?

Préférez utiliser les API de plateforme (UIColor.systemBlue, MaterialTheme.colorScheme.primary) car elles gèrent automatiquement les changements d'apparence. Utilisez ces valeurs HEX pour les outils de conception et la référence.

Q Ces couleurs correspondent-elles aux dernières versions du système d'exploitation ?

Elles représentent les couleurs standard de la plateforme. Apple et Google ajustent occasionnellement les valeurs dans les nouvelles versions du système d'exploitation. Vérifiez toujours contre la documentation du dernier SDK pour les applications de production.

About This Tool

Couleurs de système iOS et Android is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.