Calibrage optique des icônes
Transformez une icône noire dans la couleur CSS voulue.
Saisissez n’importe quelle couleur CSS opaque et calculez une chaîne de filtres déterministe pour un SVG, une icône ou une image monochrome noire. Comparez la cible au résultat estimé avant publication.
#000000#7B3DEEChaîne de signal en six étapes
Observez chaque réglage.
L’algorithme règle une chaîne bornée dans un ordre fixe. Une même cible produit les mêmes valeurs et la couleur saisie ne quitte jamais le navigateur.
- 01invert()
46% - 02sepia()
95% - 03saturate()
7156% - 04hue-rotate()
71 × 3.6° - 05brightness()
98% - 06contrast()
90%
CSS prêt à copier
Appliquez la chaîne à un élément noir.
Utilisez cette déclaration sur un élément dont les pixels visibles sont initialement d’un noir pur. Les éléments multicolores ou non noirs exigent une autre méthode.
filter: invert(46%) sepia(95%) saturate(7156%) hue-rotate(256deg) brightness(98%) contrast(90%);- Cible
- #7C3AED
- Résultat estimé
- #7B3DEE
- Erreur moyenne par canal RGB
- 1,53
Une approximation accompagnée de résultats visibles.
Hexees simule les matrices de couleur de CSS Filter Effects, minimise la distance RGB et HSL avec une recherche bornée déterministe, puis indique la couleur obtenue. Le rendu et la gestion des couleurs du navigateur peuvent encore modifier les pixels finaux : contrôlez l’élément réel.