Vidéo: Créer un site de A à Z - Version 2 - HTML, CSS, BULMA 2025
Certaines personnes ont un bon sens des couleurs lors de la conception de leurs pages Web HTML5 et CSS3. D'autres luttent un peu parce que tout cela semble un peu subjectif. Si vous êtes perplexe dans un magasin de peinture, vous trouverez peut-être utile de savoir que certains outils vraiment utiles sont disponibles.
Une excellente façon de commencer est avec un outil gratuit: le Color Scheme Designer. Cet outil, créé par Petr Stanicek, utilise une variante du modèle HSV pour vous aider à choisir les schémas de couleurs.
Le Color Scheme Designer possède plusieurs fonctionnalités, telles que
-
La roue chromatique: Cet outil peut vous rappeler de bons souvenirs de votre cours d'art élémentaire. La roue arrange les couleurs d'une manière familière aux artistes. Vous pouvez cliquer sur la roue de couleurs pour choisir une couleur primaire pour votre page.
-
Le sélecteur de couleurs: Vous pouvez choisir parmi un certain nombre de combinaisons de couleurs.
-
Zone de prévisualisation: Cette zone affiche les couleurs sélectionnées en action afin que vous puissiez voir comment les différentes couleurs fonctionnent ensemble.
-
Valeurs Hex: Les valeurs hexadécimales des couleurs sélectionnées s'affichent sur la page afin que vous puissiez les copier dans votre propre application.
-
Variations: Vous pouvez voir les variations du schéma sélectionné. Ces variations sont souvent utiles car elles montrent des différences dans la saturation et la valeur sans que vous fassiez le calcul.
-
Simulation de daltonisme: Cet outil très pratique vous permet de voir votre schéma de couleurs tel qu'il apparaît aux personnes ayant différents types de daltonisme.
Cela n'aura aucun sens sans expérimentation. Assurez-vous de jouer avec cet outil et de voir à quel point il est facile de créer des couleurs qui fonctionnent bien ensemble.
