Espace couleur
Générateur d’éclaircissement de couleur
Éclaircissez une couleur en la mélangeant avec du blanc.
Générateur d’éclaircissement de couleur: TOEA applique cette formule fixe : Tint = color × (1 − amount) + white × amount. Le calcul colorimétrique s’exécute localement dans votre navigateur. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.
- Catégorie
- Outils du quotidien
- Exécutions
- Dans votre navigateur
- Coût
- Gratuit · sans inscription
- Disponibilité
- Prêt à l'emploi
HEX éclairci
#5C8AF0
- RGB éclairci
- rgb(92, 138, 240)
Éclaircie = couleur × (1 − proportion) + blanc × proportion- Les résultats sont des transformations mathématiques sRGB déterministes ; l’apparence à l’écran dépend de votre moniteur et du profil colorimétrique.
- L’entrée HEX accepte la notation #RGB ou #RRGGBB. Les valeurs restent dans votre navigateur et ne sont pas envoyées.
Créer une échelle claire
Les systèmes de conception dérivent souvent leurs niveaux clairs en les mélangeant avec du blanc ; tint-color() de Bootstrap fonctionne ainsi. Des teintes composées d’environ 80–95 % de blanc créent des arrière-plans pour les alertes, les lignes sélectionnées et les badges, tandis que 20–40 % donnent une version plus douce de la couleur de marque pour les remplissages au survol et les illustrations. Générez chaque niveau à partir de la base d’origine plutôt que de teinter une teinte, afin que les pourcentages restent significatifs, et conservez la base elle-même pour le texte ou les icônes des niveaux les plus clairs.
Pourquoi les teintes peuvent sembler crayeuses
Ajouter du blanc réduit la saturation tout en augmentant la luminosité. Les teintes pâles peuvent donc sembler laiteuses, et les bleus en particulier tirer vers le lavande. Si un niveau clair ne convient pas, essayez une base légèrement plus saturée, ou réglez directement la luminosité dans le convertisseur de couleurs, puis comparez. Le texte sombre respecte plus facilement le contraste sur une teinte à mesure que celle-ci s’éclaircit ; vérifiez l’association utilisée dans le vérificateur de contraste.
Comment l'utiliser
- Saisissez des valeurs #RGB ou #RRGGBB valides et le pourcentage demandé.
- Exécutez l’opération couleur, fixe et locale au navigateur.
- Passez en revue les échantillons et copiez le résultat ou les valeurs de la palette.
Confidentialité et limitations
Les valeurs de couleur restent sur cet appareil. Le résultat de contraste est un vérificateur mathématique, pas une garantie générale de conformité WCAG ; le contexte, le rendu des polices, le contraste des éléments non textuels et les états d’interface restent à examiner.
Outils associés
Questions fréquentes
Comment fonctionne le Générateur d’éclaircissement ?
Il utilise : Tint = color × (1 − amount) + white × amount.
Quels formats HEX sont acceptés ?
Utilisez la notation sRGB #RGB à trois chiffres ou #RRGGBB à six chiffres. Les canaux alpha et les noms de couleur ne sont pas acceptés.
Le résultat de contraste garantit-il la conformité en matière d’accessibilité ?
Non. C’est un vérificateur mathématique de contraste pour les couleurs indiquées et les seuils de texte, pas une garantie générale de conformité.
Outil gratuit · dans votre navigateur exécutions · aucun compte requis