Contraste entre couleur de fond et police

Fermé
Miss_socrates Messages postés 884 Date d'inscription lundi 5 janvier 2009 Statut Membre Dernière intervention 8 août 2023 - 13 nov. 2012 à 18:38
 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 lundi 18 octobre 2010 Statut Membre Dernière intervention 15 juin 2018 115
13 nov. 2012 à 19:04
<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 884 Date d'inscription lundi 5 janvier 2009 Statut Membre Dernière intervention 8 août 2023 109
13 nov. 2012 à 19:26
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 lundi 18 octobre 2010 Statut Membre Dernière intervention 15 juin 2018 115
Modifié par Lord Zero le 13/11/2012 à 19:36
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 884 Date d'inscription lundi 5 janvier 2009 Statut Membre Dernière intervention 8 août 2023 109
17 nov. 2012 à 16:20
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 lundi 18 octobre 2010 Statut Membre Dernière intervention 15 juin 2018 115
19 nov. 2012 à 10:50
<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
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