• Couleurs hue

     

    Pour essayer de comprendre cette histoire de degrés et de couleurs.

    Ci-dessous, une image avec un ciel que j'estime de  190° à 220° à peu près.

    Le bouton 60° ajoute 60° à ces valeurs soit de 250° à 280°, c'est à dire dans le mauve./ Le bouton -60° retire 60° à ces valeurs soit de 130° à 160°, c'est à dire dans le vert.

    Le bouton 120° ajoute 120° à ces valeurs soit de 310° à 350°, c'est à dire dans le rouge./ Le bouton -120° retire 120° à ces valeurs soit de 70° à 150°, c'est à dire dans le vert.

    Est-ce ainsi qu'il faut calculer ?

    60°

    -60°

    120°

    -120°

     


    Voyons, sur ce principe, ce que donnerait les valeurs estimées de l'herbe rousse: peut-être vers 30° ?

    30° + 60°= 0° -->vert

    30° - 60°=330° -->mauve

    30° + 120°=150° -->Bleu clair

    30° -120°=270° --> violet


    Essayons avec une image au couleurs plus tranchées: je vous laisse vérifier si mes suppositions sont correctes.

    100°

    -100°

    135°

    -135°

     


    Si vous regardez l'inversion des couleurs sur un fond arc en ciel, vous constaterez que chaque couleur change de 180° dans le cercle des couleurs.

    Le rouge devient bleu clair, le jaune devient bleu foncé, le vert devient mauve ...

     


    Dans le cercle des couleurs, le rouge est à 0° et pour le changer en jaune (60°), par exemple, il vous suffit de passer de background:red; et, au survol, filter:hue-rotate(60°);
    Mais si votre couleur de départ est du bleu (240°), pour passer au vert (120°) au survol, il vous faudra retirer 240°-120°=120° soit filter:hue-rotate(-180deg);  ou ajouter 240° !
    Mais ceci n'est que pour l'intérêt de la curiosité car, pour un article de blog, cela n'est pas jouable !