Scroll ↓
Concept
Cercle chromatique divisé en 12 couleurs.
Chaque heure est matérialisée par une couleur du cercle chromatique. 4 heures en jaune et 10 heures en violet par exemple.
Chaque tranche de 5 minutes est matérialisée par une couleur du cercle chromatique. La tranche "18-22" en jaune et la tranche "48-52" en violet par exemple.
Sur cet exemple il est 4h50. 4 heures est représenté par la couleur “jaune” et 50 minutes par la couleur “violet” de la tranche “48-52”. La combinaison des 2, forme le dégradé “jaune → violet” dans la direction haut (heure) → bas (minutes).
Note : Vous pouvez déplacer le curseur sur l'image
Sur cet exemple il est 10h20. 10 heures est représenté par la couleur “violet” et 20 minutes par la couleur “jaune” de la tranche “18-22”. La combinaison des 2, forme le dégradé “violet → jaune” dans la direction haut (heure) → bas (minutes).
Note : Vous pouvez déplacer le curseur sur l'image
J'ai pour finir fait codé par Chat GPT en HTML/CSS/JS le principe.
DECOUVREZ AUSSI