PROJET AUTOBLOG


Shaarli - le hollandais volant

Site original : Shaarli - le hollandais volant

⇐ retour index

Calculating Color Contrast ◆ 24 ways

vendredi 2 janvier 2015 à 17:30
Une fonction qui tient en une seule ligne, pour savoir s’il faut mieux utiliser un texte noir ou un texte blanc, en fonction de la couleur de fond et dans un but d’obtenir le meilleur contraste.

J’en ai eu besoin quand j’ai voulu refaire le What color is it : tout en étalant les valeurs sur tout le domaine des couleurs, donc de 0 à 255 au lieu de 0 à 60.

Le résultat c’est que si le site original reste dans le sombre, mon script fait dans le sombre et le clair tout au long de la journée, et au bout d’un moment, un texte en blanc ne se voit plus (à 23h59:59, par exemple : la page est blanche et texte blanc est invisible).

Il me faut donc un calculateur de contraste.

La ligne de contracte "50%" calcul la clarté d’une couleur. L’autre fonction, dite YIQ est plus précise et tient compte de la particularité de l’œil à être plus sensible à certaines couleurs plutôt qu’à d’autres, et d’être plus sensible à la luminosité qu’à la couleur elle-même. YIQ est utilisé dans les téléviseurs.
— (permalink)