Bonjour,

J'ai une couleur de base, par exemple un bleu clair comme ça : "#7CA3D6".
Je souhaiterais écrire un texte avec cette même couleur mais un peu plus foncée.

Je ne sais pas si c'est possible directement en CSS, j'ai vu passer une fonction "color()" mais qui en gros n'est prise en charge que par Safari et le but est que ça se fasse le plus automatiquement possible.
J'ai toujours moyen de faire ça en PHP sinon, mais si c'est gérable directement en CSS ça me plairait plus.

Par avance, merci !

Bonjour,

Tu veux un truc comme ca

body { background-color:#7CA3D6;}
.texte {color:#7CA3D9;}

<div class="texte"> Mon texte en couleur </div>

il faut des bon yeux pour voir la couleur :-). As toi de chercher une couleur qui te correspond

Je n'ai pas été assez clair dans ma demande désolé.

Ce que tu mets je sais le faire, en fait ce que je voudrais c'est que la couleur du texte soit "calculée" en fonction de celle du background. J'ai ma couleur de base qui est bleu clair, je souhaite que ma couleur de texte soit ce bleu, mais moins clair.

J'ai essayé en mettant le texte en noir avec une forte transparence mais ça ne donne pas bien.

Je passe par du SCSS mais je n'ai rien vu là dessus pour faire ce genre de chose, me reste sinon la solution PHP.

Salut,

T'as pas quarante solutions : tu convertis ta couleur en HSL et tu modifie le paramètre de luminance à l'aide d'une variables.

Exemple : https://codepen.io/brainerror/pen/YzrrOvV

Ok merci, c'est bien ce que je pensais il faut que je convertisse avant ma couleur en HSL.

Je vais donc faire comme ça, merci beaucoup !

Salut,

Si tu utilises Sass / Scss il y a des solutions très simples, pas besoin de JS et pas besoin non plus de convertir ta couleur en HSL, Sass le fait très bien tout seul. 

Quelques exemples : https://thoughtbot.com/blog/controlling-color-with-sass-color-functions