Contraste entre couleur de fond et police

Miss_socrates Messages postés 886 Date d'inscription   Statut Membre Dernière intervention   -  
 kjhg - 19 nov. 2012 à 11:52
Bonjour,

J'ai un tableau avec les 16 couleurs de base (chaque cellule est remplie par une couleur).
J'aimerais savoir comment faire pour mettre la police en couleur inverse de la couleur de fond ou en tout cas pour qu'elle soit lisible pour qu'on n'ait pas caractères noirs sur fond noir ou blancs sur fond blanc, ce qui est illisible.
Est-ce possible en css ou bien en javascript?


A voir également:

4 réponses

Lord Zero Messages postés 459 Date d'inscription   Statut Membre Dernière intervention   115
 
<table style="width: 500px; height: 300px; text-align: center">
	<tr>
		<td style="background-color: aqua; color: black">TEXTE</td>
		<td style="background-color: black; color: white">TEXTE</td>
		<td style="background-color: blue; color: lime">TEXTE</td>
		<td style="background-color: fuchsia; color: orange">TEXTE</td>
	</tr>
</table>

La propriété "color" ne convient pas?
0
Miss_socrates Messages postés 886 Date d'inscription   Statut Membre Dernière intervention   109
 
merci mais en fait je voudrais que ça soit fait automatiquement car comment savoir quelles sont les couleurs inverses et ensuite faire la même chose pour 216 couleurs de base donc ce n'est pas possible de le faire manuellement, ce serait trop long
0
Lord Zero Messages postés 459 Date d'inscription   Statut Membre Dernière intervention   115
 
Voila qui devrait te convenir,
https://jscolor.com/
Tu peux tester dans la partie "Démo"

Développeur VB6, VBS, VBA, VB.NET, C#, HTML, PHP, JAVASCRIPT, SQL.
0
Miss_socrates Messages postés 886 Date d'inscription   Statut Membre Dernière intervention   109
 
oui il y a pas mal de trucs pour obtenir des couleurs mais pas les couleurs inverses
0
Lord Zero Messages postés 459 Date d'inscription   Statut Membre Dernière intervention   115
 
<html>
<head>
<title></title>
<script>
function couleurinv(demande){
var couleurs="0123456789ABCDEF";
var couleurs2="FEDCBA9876543210";
var newcouleur="#";
var i, j;
document.write(demande);
for (i=1;i<7;i++){
for (j=0;j<couleurs.length;j++){
if (couleurs.substr(j,1)==demande.substr(i,1)){
newcouleur=newcouleur+couleurs2.substr(j,1);
}
}
}
return newcouleur;
}
</script>
</head>
<body>
<script>
document.write("<br>"+couleurinv("FFFFFF"));
</script>
<div></div>
</body>
</html> 


source http://www.javascriptfr.com
0
kjhg
 
Il y a 16 valeurs de couleurs pour un couple de valeurs correspondant à chaque couleur(R V B).

Pour obtenir le ngatif d'une couleur il suffit d'ôter la valeur de la couleur de la valeur maximum:

FFFFFF(valeur max) - FFFFFF(blanc) = 000000 (noir)

ffffff - ff0000(rouge le plus rouge) = 00FFFF(maximum de vert et de bleu)

Avec une petite fonction c'ets encore plus simple mais attention à bien faire des calculs en base 16(héxadécimal).
0