Préparer une palette de couleurs
Créer des ombres à partir d'un HEX couleur et obtenir leur RGB et HSL valeurs.
- Créer les nuancesVoilà
- Convertir une couleur
Générer une palette de couleurs
Créez une palette de couleurs à partir d’une couleur de départ.
#RGB / #RRGGBB
Vos fichiers sont traités ici, sur votre appareil
Nous n'envoyons pas votre fichier ou le contenu du texte à un serveur de traitement. Aucun compte n'est nécessaire et il n'y a pas de quota d'opération quotidien. Les outils individuels ont des limites de taille pour protéger la mémoire de votre appareil.
Une connexion est nécessaire pour charger le site et ses ressources. L'hébergement peut recevoir des données de visite technique. Les favoris stockent uniquement les identifiants d'outils dans ce navigateur.
Comment nous traitons vos données →Comment utiliser cet outil
- Entrez un code HEX à 3 ou 6 chiffres.
- Choisissez un nombre de nuances et créez la palette.
- Revoir les échantillons et copier ou télécharger les codes.
Un exemple que vous pouvez vérifier
Préparez une famille d'ombres pour une composition visuelle.
Exemple d'entrée
#254F42
Résultat attendu
#C9D3D0 #779189 #254F42 #173129 #091411
La couleur du milieu correspond à l'entrée. Les points d'extrémité mélangent 75% de blanc ou de noir; vérifiez le contraste avant de l'associer avec du texte.
Générer une palette de couleurs: usages et conseils pratiques
La création d'une palette à partir d'une couleur de base fournit des variantes plus claires et plus sombres pour explorer une composition. L’outil génère une échelle tonale, plutôt que de sélectionner automatiquement des couleurs complémentaires ou de produire une identité visuelle complète. La base reste la référence centrale tandis que d'autres échantillons se déplacent vers des occurrences plus claires ou plus sombres. Choisissez une quantité impaire prise en charge afin que la référence reste au milieu de la collection et puisse être reconnue à côté de ses variantes.
Les variantes peuvent aider à tester les surfaces, les bordures et les accents, mais l'attribution d'un rôle à chacun nécessite une inspection de la conception complète. Un échantillon adapté à un arrière-plan peut ne pas convenir pour un petit texte. La luminosité perçue dépend également des couleurs voisines et de l'affichage. Ne choisissez pas une variante simplement parce qu'elle occupe une position particulière dans l'échelle. Revoir la combinaison réelle où elle sera montrée, y compris la taille et le poids des lettres d'accompagnement.
La palette ne calcule pas automatiquement les rapports de contraste et ne garantit pas l'accessibilité. Utilisez des étiquettes ou des formes compréhensibles lorsque les états ont besoin de distinction plutôt que de compter uniquement sur la couleur. Passez en revue les paires de texte et d'arrière-plan avec un outil de contraste approprié. La génération de tons n'établit pas non plus d'équivalence avec les encres d'impression ou les profils professionnels; ces codes décrivent des représentations de couleurs orientées vers l'écran. Un aperçu satisfaisant ne garantit pas que toutes les reproductions physiques seront identiques.
Vérifiez la couleur centrale et copiez les codes complets. Enregistrez la palette avec le rôle prévu de chaque échantillon afin qu'un autre éditeur ne confonde pas une bordure avec un arrière-plan. Le convertisseur de couleur fournit une notation RGB ou HSL pour une valeur particulière. L'image en niveaux de gris explore les informations tonales dans une image, mais n'applique pas automatiquement cette palette à ses pixels. Testez les ressources ensemble avant de considérer le choix visuel complet.
Un contrôle pratique avant d’utiliser le résultat
Un essai de conception peut affecter des variantes à l'arrière-plan, à la bordure et à l'accent, en les affichant ensemble. Inspectez le lettrage réel par rapport à chaque arrière-plan avant de le sélectionner. Enregistrez les codes avec leurs rôles pour conserver la même combinaison sur toutes les pages. Revoir l'ensemble de la composition plutôt que de traiter la position de la palette comme une garantie d'un contraste adéquat.
Continuez votre tâche
Téléchargez le résultat ou copiez le texte avant d'ouvrir un autre outil. Ensuite, chargez ou collez-le à l'étape suivante; le contenu n'est pas transféré automatiquement.
Options et limites
Entrer un 3- ou 6-chiffre HEX Couleur et choisir 3, 5, 7 ou 9 couleurs. L'original reste au milieu. Mélange de couleurs plus léger RGB canaux avec des couleurs blanches et plus foncées avec du noir, jusqu'à 75%. Échantillons visuels et téléchargeables HEX Les codes sont inclus.
Questions fréquentes
Ces couleurs garantissent-elles un contraste de texte accessible ?
Non. Cette palette est un point de départ visuel. Vérifiez le contraste pour chaque combinaison texte/arrière-plan avant de l'utiliser dans une interface.
Mes données sont-elles stockées sur un serveur ?
Non. Le contenu et les fichiers sont traités dans votre navigateur sans compte. La fermeture de la page perd les résultats non enregistrés.