Sélecteur de Couleurs
Choisissez une couleur et récupérez-la en cinq nuances, prêtes à coller dans une feuille de style.
Résultats
Nuances claires et foncées
#0e212f #1e4867 #2e6f9e #4994ca #81b5da
Deux crans plus foncé
#0e212f
Un cran plus foncé
#1e4867
La couleur elle-même
#2e6f9e
Un cran plus clair
#4994ca
Deux crans plus clair
#81b5da
Ce que fait cet outil
Choisissez la couleur dans le carré, avec une pipette sur la plupart des systèmes, et elle revient en cinq degrés : deux plus sombres, la couleur, deux plus clairs.
Formule
garde la teinte et fait varier la luminosité sur cinq paliers
Variables
| Symbole | Signification | Unité |
|---|---|---|
color | Choisissez une couleur | — |
OUT | Nuances claires et foncées | — |
S1 | Deux crans plus foncé | — |
S2 | Un cran plus foncé | — |
S3 | La couleur elle-même | — |
S4 | Un cran plus clair | — |
S5 | Deux crans plus clair | — |
Exemple résolu
- Choisissez une couleur#2e6f9e
- Nuances claires et foncées#0e212f #1e4867 #2e6f9e #4994ca #81b5da
- Deux crans plus foncé#0e212f
- Un cran plus foncé#1e4867
- La couleur elle-même#2e6f9e
- Un cran plus clair#4994ca
- Deux crans plus clair#81b5da
Limites
- Le calcul s'effectue entièrement dans votre navigateur. Les valeurs saisies ne sont jamais envoyées à un serveur.
Questions fréquentes
Pourquoi cinq degrés de la même couleur ?
Parce qu'une seule couleur ne suffit jamais : un bouton veut une version plus sombre à l'appui et une plus claire en fond. Ne faire varier que la clarté garde la famille.