Comment faire pour déterminer un schéma de couleurs pour votre site web Squarespace

Au moment de déterminer un schéma de couleurs pour diriger Squarespace à utiliser pour votre site web, vous pouvez rapidement se perdre dans le processus de couleurs assorties, en ajustant les valeurs de couleur (plus sombre par rapport léger), et de décider où inclure la couleur.

Comment trouver des codes RVB et hexagonaux

Après avoir choisi les couleurs que vous souhaitez utiliser sur votre site, vous avez besoin de trouver les noms de couleurs spécifiques dans l'une des deux méthodes de couleurs utilisées dans Squarespace:

• RVB (rouge, vert, bleu) est la méthode de couleur utilisée pour afficher les couleurs sur un écran rétro-éclairé telles que celle trouvée sur un écran d'ordinateur, un iPhone, ou un téléviseur. La gamme de chaque couleur est mesurée à partir de 0 à 255.

  Si les trois couleurs sont mises à 0, la couleur présentée est noir. Si tous les trois sont fixées à 255, la couleur est blanche. En faisant varier les valeurs des nombres, vous pouvez créer une offre près illimité de couleurs.

  En outre, lorsque la méthode de couleur RVB comprend la transparence, il est appelé RGBA. La un représente le canal alpha, qui contrôle la transparence de la couleur sur une échelle de 0 (complètement transparent) et 1 (complètement opaque).

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

Bien que vous pouvez certainement tout le globe oculaire de la couleur dans le réglage de la roue de couleur, il est parfois agréable de connaître la couleur exacte que vous souhaitez utiliser. Pour en savoir plus sur la couleur web, lire l'article complet Wikipedia.

Alors, comment trouvez-vous la couleur que vous souhaitez utiliser? Il est assez facile si vous avez les bons outils sur votre ordinateur ou savez où chercher. Ce qui suit est une liste de sélecteurs de couleurs, applications que vous pouvez utiliser pour trouver la couleur exacte apparaît sur l'écran de votre ordinateur:

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

• ColorSchemerColorPix est une application gratuite de Windows.

• xScope est versé pour Mac application populaire avec les concepteurs Web. Il a d'autres fonctions en plus d'un sélecteur de couleur qui peuvent vous être utiles si vous voulez plus de fonctionnalités de créateurs.

• ColorSchemer est une cueillette de couleur et la conception application robuste disponible pour Mac, Windows, iPhone et iPod touch. Cette application est payante, mais elle offre des capacités étendues pour vous aider à explorer des harmonies de couleurs, et il peut même suggérer des schémas de couleurs pour vous. Si vous avez un iPhone ou un iPod touch, consultez l'application ColorSchemer, car il est assez astucieux.

Comment regarder le code de couleur sur Squarespace

Si vous êtes un professionnel de la web ou quelqu'un qui ne craint pas de creuser un peu dans le code d'un site, vous pouvez jeter un regard au code de couleur sur un site en inspectant le code source du site. Suivez ces instructions générales:

1. droit; cliquez sur l'élément contenant la couleur que vous êtes intéressé à.

2. Sélectionnez l'option dans le menu pop-up 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, suivant les instructions de base pour les éléments dans les quatre navigateurs Squarespace prend en charge pour éditer votre site inspecter:

• Safari: Activer la barre de menu de développeur dans les préférences de Safari en choisissant avancée Montrez-le développeur barre de menus.

• Chrome: Contrairement à Safari, Chrome a déjà sa fonction inspecter élément activé, donc pas de configuration est nécessaire.

• Firefox: Firefox, comme Chrome, comporte un élément de base inspecter. Pour les fonctions de code-visualisation plus avancées, vous devez installer Firebug.

• Internet Explorer: Appuyez sur 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-développeur.

Code furtivement ne fonctionne que pour les couleurs rendues par le navigateur, comme la couleur du texte et les couleurs de fond d'éléments de site. Pour déterminer la couleur dans une image, vous aurez besoin d'utiliser l'un des sélecteurs de couleur mentionnées précédemment.