Des nuances de peinture 🎹: l’appli est disponible !

Pressé ? Vous pouvez aller voir directement mon appli web pour

visualiser les couleurs en 3D.

Sans lire le blabla ! Tsk tsk tsk.

Vous pouvez aussi commencer par lire l’article d’introduction 😃.

Il y a quelques temps, alors que je cherchai la bonne peinture verte pour peindre un de mes murs, j’avais fait une petite visualisation 3D pour comparer les peintures des diffĂ©rentes marques. Depuis, j’ai commandĂ© les Ă©chantillons et j’ai vu les limites de la mĂ©thode : 2 couleurs qui semblent trĂšs proches Ă  l’Ă©cran comme Yeabridge de Farrow&Ball et Aloe Vera de 1825 sont en fait visuellement trĂšs diffĂ©rentes, Aloe Vera Ă©tant beaucoup plus bleutĂ©e, plus proche d’un vert d’eau que d’un vert olive. De mĂȘme MarĂ©cage est beaucoup plus claire que Sir Lutyens’ Sage.

Quoiqu’il en soit, quand j’ai dĂ©couvert une nouvelle marque de peinture rĂ©cemment, Mercadier, non seulement j’ai commandĂ© leur nuancier, mais j’ai aussi eu l’idĂ©e de reprendre ma petite visualisation.

Mercadier

J’ai trouvĂ© leur nuancier tout-Ă -fait par hasard sur Mano Mano, alors que je cherchais un nuancier RAL. Mercardier vend de la peinture, mais est en fait spĂ©cialiste de la coloration pour le bĂ©ton cirĂ©. On le voit toujours tout gris, mais ça doit ĂȘtre bien joli, du bĂ©ton cirĂ© de couleur 🎹. Bref, je diverge, mais en attendant, je vais peut-ĂȘtre commander de leurs Ă©chantillons de peinture verte..

Le nuancier 3D

J’ai donc ajoutĂ© quelques verts de Mercadier Ă  ma liste. J’en ai aussi profitĂ© pour rĂ©Ă©crire entiĂšrement mon application en utilisant Anvil, pour en faire une application web, et donc vous en faire profiter. Et oui ! Non seulement vous pouvez visualiser mes couleurs en 3D sous plusieurs angles, mais vous pouvez ajouter les autres.

Alors gros disclaimer : il y a des trucs qui ne marchent pas comme avant, notamment avec la visualisation 3D, et c’est pas encore vraiment prĂ©vu pour visualiser d’autres couleurs que le vert… mais je peux toujours modifier si nĂ©cessaire 😀.

Je ne vĂ©rifie pas non plus les doublons, mais je vais sĂ»rement ajouter ça rapidement si le nombre de couleurs augmente. Bref, il y aurait plein de trucs Ă  ajouter mais dĂ©jĂ  comme ça, vous trouverez peut-ĂȘtre l’outil amusant ou utile ?

Pour trouver le code hexa (=hexadĂ©cimal, le standard web) qui correspond Ă  une couleur Ă  l’Ă©cran, je vous propose 2 solutions :

Si vous ĂȘtes sous Firefox

il y a un outil « pipette » dans Menu, DĂ©veloppement Web, pipette (voir l’image pour localiser le menu)

Sinon

vous pouvez faire une capture d’Ă©cran, enregistrer l’image, et utiliser imageLR.com, puis copier-coller le champ « HEX code ».

Une fois le code ainsi obtenu, vous pouvez le coller dans mon appli et visualiser la couleur.

Ça vous dit d’essayer đŸ’» ? Cliquez ici pour jouer avec mon application đŸ‘©â€đŸ’» 😊 !!! C’est un peu lent au dĂ©marrage, mais normalement ça marche mĂȘme sur votre tĂ©lĂ©phone.

D’autres idĂ©es en stock ?

Haha, oui bien sĂ»r quand on commence Ă  Ă©crire une application comme ça, les idĂ©es ne manquent pas. Mais j’ai dĂ©jĂ  assez de travail pour ne pas m’en rajouter, et je ne suis pas payĂ©e pour cela, donc c’est totalement alĂ©atoire. Bref, si j’ai un peu de temps et l’envie, je pourrai ajouter quelques fonctions comme :

  • trouver les peintures les plus proches d’une autre,
  • trouver les peintures qui correspondent Ă  une image (un peu comme design-seeds ou Sherwin-Williams) ou bien avec une pipette,
  • Filtrer par catĂ©gorie de couleur, Ă©videmment, et par marque,
  • RĂ©duire les doublons, gĂ©rer mieux les marques, etc.

Mais bon c’est encore mieux si c’est utile, donc tant que je n’en ai pas l’utilitĂ©, je ne vais pas me casser plus la tĂȘte. Pour le coup, c’Ă©tait intĂ©ressant de tester Anvil, je suppose qu’en version gratuite ça restera un peu limitĂ©, mais c’Ă©tait assez facile Ă  prendre en main, et pouvoir partager facilement est le principal avantage.

Si vous n’avez pas encore cliquĂ© sur le lien, le revoilĂ . J’attends vos retours en commentaire !

Et si ce que je raconte est incompréhensible, vous pouvez évidemment poser vos questions !

Votre commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icÎne pour vous connecter:

Logo WordPress.com

Vous commentez Ă  l’aide de votre compte WordPress.com. DĂ©connexion /  Changer )

Photo Google

Vous commentez Ă  l’aide de votre compte Google. DĂ©connexion /  Changer )

Image Twitter

Vous commentez Ă  l’aide de votre compte Twitter. DĂ©connexion /  Changer )

Photo Facebook

Vous commentez Ă  l’aide de votre compte Facebook. DĂ©connexion /  Changer )

Connexion Ă  %s

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur la façon dont les données de vos commentaires sont traitées.