Design de la palette de couleurs
Référence de couleur de Google Material Design.
Material Design Colors
Pick a color to see all formats
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)Choisissez des couleurs et obtenez des valeurs hexadécimales, RVB et HSL. Cette méthode gratuite en ligne sur l'utilisation des couleurs de conception matérielle fonctionne directement dans votre navigateur : pas de téléchargement, pas d'inscription, pas de limites.
Couleurs de conception matérielle
Utilisez les commandes
Utilisez les commandes ci-dessus pour ajuster vos paramètres
Regardez l'aperçu
Regardez la mise à jour de l'aperçu en temps réel
Copiez le
généré Copiez le code CSS généré lorsque vous êtes satisfait
Collez le code
Collez le code dans la feuille de style de votre projet
Ajouter cet outil à vos favoris
Ajoutez cet outil à vos favoris pour de futurs travaux de conception
Questions Fréquentes
La palette de couleurs Material Design est-elle gratuite ?
Oui, la palette de couleurs Material Design est 100 % gratuite, sans limites, sans inscription ni publicité dans les résultats.
Puis-je utiliser le code généré commercialement ?
Absolument. Tout le code CSS et de conception que vous générez vous appartient et vous pouvez l'utiliser dans n'importe quel projet.
La palette de couleurs Material Design fonctionne-t-elle sur mobile ?
Oui, l’outil est entièrement réactif, même si un ordinateur de bureau offre la meilleure expérience pour le travail de conception.
Tool Information
Related Tools You Might Like
Générateur de palette de couleurs à partir de l'image
Extraire les couleurs dominantes d'une image
Convertisseur RGB/HEX
Convertir entre les formats couleur RGB et HEX
Générateur de graduation CSS
Créer des dégradés CSS personnalisés avec prévisualisation
Vérificateur de contraste WCAG
Vérifier le contraste de couleur selon les normes WCAG
Générateur de signatures numériques
Créer des signatures numériques stylisées avec différentes polices
Générateur d'ombres de boîte
Générer des ombres de boîte CSS
Calculatrice de volume surfboard
Calculez le volume de planche de surf parfait en fonction de votre poids, votre niveau d'expérience et vos conditions d'onde.
Convertisseur de hauteur d'onde
Convertir entre différentes mesures de hauteur des vagues (hauteur de la face, échelle hawaïenne, houle océanique).
Planificateur de plongée
Planifiez votre plongée avec des limites de profondeur, du temps de fond et des exigences de décompression de sécurité.