Comment déterminer un schéma de couleurs pour votre site Web Squarespace - Les nuls

Lorsque vous déterminez un jeu de couleurs pour utiliser Squarespace sur votre site Web, vous pouvez rapidement vous perdre dans le processus de correspondance des couleurs, en ajustant les valeurs de couleur (plus sombre par rapport à plus clair) et en décidant où inclure la couleur.

Comment trouver les codes RVB et hexadécimaux

Une fois que vous avez choisi les couleurs que vous souhaitez utiliser sur votre site, vous devez trouver les noms de couleurs spécifiques dans l'une des deux méthodes de couleur utilisées dans Squarespace:

< ! --1 ->

• RGB (rouge, vert, bleu) est la méthode de couleur utilisée pour afficher les couleurs sur un écran rétroéclairé tel que celui trouvé sur un écran d'ordinateur, un iPhone ou un téléviseur. La plage de chaque couleur est comprise entre 0 et 255.

  Si les trois couleurs sont définies sur 0, la couleur présentée est noire. Si les trois sont définis sur 255, la couleur est blanche. En faisant varier les valeurs des nombres, vous pouvez créer une offre de couleur presque illimitée.

  De plus, lorsque la méthode de couleur RVB inclut la transparence, elle s'appelle RGBa. Le a représente le canal alpha, qui contrôle la transparence de la couleur sur une échelle allant de 0 (complètement transparent) à 1 (complètement opaque).

• Hexadécimal, ou hexadécimal, la couleur est une forme simplifiée de RVB couramment utilisée dans la conception Web.

Bien que vous puissiez certainement regarder la couleur dans le réglage de la roue chromatique, il est parfois intéressant de connaître la couleur exacte que vous voulez utiliser. Pour en savoir plus sur la couleur du Web, lisez l'article complet de Wikipédia.

Alors, comment trouvez-vous la couleur que vous voulez utiliser? C'est assez facile si vous avez les bons outils sur votre ordinateur ou si vous savez où chercher. Voici une liste de sélecteurs de couleur, applications que vous pouvez utiliser pour trouver la couleur exacte affichée sur votre écran d'ordinateur:

• ColorZilla est un plug-in de navigateur gratuit pour Firefox ou Chrome.

• ColorSchemerColorPix est une application Windows gratuite.

• xScope est une application Mac payante populaire auprès des concepteurs Web. Il a d'autres fonctionnalités en plus d'un sélecteur de couleurs que vous pouvez trouver utile si vous voulez plus de fonctionnalités de concepteur.

• ColorSchemer est une application de conception et de sélection de couleurs robuste disponible pour Mac, Windows, iPhone et iPod touch. Cette application n'est pas gratuite mais elle offre des capacités étendues pour vous aider à explorer les harmonies de couleurs, et elle peut même vous suggérer des schémas de couleurs. Si vous avez un iPhone ou un iPod touch, consultez l'application ColorSchemer, car elle est très chouette.

Comment regarder le code couleur sur Squarespace

Si vous êtes un professionnel du web ou quelqu'un qui n'hésite pas à creuser un peu dans le code d'un site, vous pouvez consulter le code couleur d'un site en inspectant le code source du site.Suivez ces instructions générales:

1. Cliquez avec le bouton droit sur l'élément contenant la couleur qui vous intéresse.

2. Sélectionnez l'option dans le menu local pour inspecter l'élément.

   Le navigateur affiche le code sous-jacent.

Parce que l'inspection du code source de chaque navigateur fonctionne différemment, voici les instructions de base pour inspecter les éléments dans les quatre navigateurs:

• Safari: Activer la barre de menu Développeur dans les préférences de Safari en choisissant Avancé → Afficher la barre de menus du développeur.

• Chrome: Contrairement à Safari, Chrome a déjà activé la fonction d'inspection des éléments, donc aucune configuration n'est nécessaire.

• Firefox: Firefox, comme Chrome, possède un élément d'inspection de base. Pour des fonctionnalités de visualisation de code plus avancées, vous devez installer Firebug.

• Internet Explorer: Appuyez sur la touche F12 de votre clavier pour ouvrir les outils de développement inclus dans votre site. Si la touche F12 ne fonctionne pas, choisissez Outils → Outils de développement.

L'exploration de code fonctionne uniquement pour les couleurs rendues par le navigateur, telles que la couleur du texte et les couleurs d'arrière-plan des éléments de site. Pour déterminer la couleur d'une image, vous devez utiliser l'un des sélecteurs de couleur mentionnés précédemment.