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

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

Table des matières:

Vidéo: How does an ILS work? Explained by CAPTAIN JOE 2025

Vidéo: How does an ILS work? Explained by CAPTAIN JOE 2025
Anonim

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.

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

Le choix des éditeurs

Spotify Mobile Service avec un compte Premium - Les nuls

Spotify Mobile Service avec un compte Premium - Les nuls

Les deux principaux avantages des abonnés Spotify Premium sur Spotify Free ou Les détenteurs d'un compte illimité ont la capacité d'accéder au catalogue de diffusion en continu de Spotify via un appareil mobile et d'écouter des pistes en mode hors connexion à l'aide de votre application mobile ou informatique. Ce sont les deux caractéristiques qui justifient le fait que Spotify ...

Spotify Listes de lecture de Mobile - mannequins

Spotify Listes de lecture de Mobile - mannequins

Comme sur votre ordinateur, vous pouvez gérer les listes de lecture Spotify sur votre téléphone. Toute modification apportée à votre liste de lecture est synchronisée sur tous les appareils auxquels vous êtes connecté, en temps réel. Lorsque vous démarrez l'application Spotify, toutes vos playlists sont affichées immédiatement, mais vous pouvez y accéder à tout moment en appuyant sur ...

Spotify vous permet de vous lier à peu près n'importe quoi - les tuls

Spotify vous permet de vous lier à peu près n'importe quoi - les tuls

Spotify vous permet de copier des liens Web et des URI vous pouvez coller où vous voulez: dans les blogs, les e-mails, les réseaux sociaux, même les documents de traitement de texte. Cliquez avec le bouton droit de la souris sur ce que vous voulez partager et choisissez une option de copie dans le menu contextuel qui s'affiche généralement. Dans certains cas, si vous savez comment un lien est construit, ...

Le choix des éditeurs

Médias sociaux et marketing par e-mail - nuls

Médias sociaux et marketing par e-mail - nuls

Réseaux sociaux clients potentiels via des sites Web et des e-mails. Rappelez-vous, la suppression des e-mails pour gagner du temps est le mode opératoire pour les gens connectés en ligne dans les affaires ces jours-ci. Certaines entreprises estiment avoir le droit d'envoyer des offres quotidiennes et des promotions accompagnées de fanfares. Est-il même possible pour une entreprise de ...

Social Media Commerce: Enregistrement client par Mobile App - dummies

Social Media Commerce: Enregistrement client par Mobile App - dummies

Certains médias sociaux Les applications récompensent leurs utilisateurs pour l'enregistrement depuis les smartphones au fur et à mesure qu'ils passent d'un endroit à un autre dans le monde des briques et du mortier. Cette activité d'enregistrement mobile est populaire auprès de ceux qui se connectent en ligne. Vous pouvez encourager les gens à se présenter à votre lieu de travail. Le leader actuel sur le marché est Foursquare, un ...

Social Media Commerce: Blog pour votre entreprise - dummies

Social Media Commerce: Blog pour votre entreprise - dummies

Quand vous vous sentez prêt Pour passer à l'étape suivante dans le commerce des médias sociaux et faire quelque chose au-delà d'un site Web d'entreprise, vous pouvez développer un blog pour communiquer avec les clients. Les blogs offrent un espace à votre entreprise pour améliorer son message et répondre aux commentaires des lecteurs. Un blog (à partir du web-journal) peut ...

Le choix des éditeurs

Comment traduire votre réseau Ning en une langue non prise en charge - les nuls

Comment traduire votre réseau Ning en une langue non prise en charge - les nuls

Bien que Ning supporte 18 langues , avec autant de langues dans le monde, vous devrez peut-être traduire votre réseau en un réseau que Ning ne prend pas en charge. Créer une nouvelle traduction:

Comment syndiquer le contenu de votre réseau Ning - des nuls

Comment syndiquer le contenu de votre réseau Ning - des nuls

Votre réseau Ning vous offre de nombreuses façons d'utiliser Flux RSS pour syndiquer le contenu que vous et vos membres contribuent au réseau. Si les titres des éléments des flux RSS de votre réseau sont suffisamment informatifs et convaincants, les internautes qui visitent d'autres sites Web qui affichent le flux RSS de votre réseau peuvent cliquer sur les titres ...

Comment utiliser le mur de commentaires de Ning - mannequins

Comment utiliser le mur de commentaires de Ning - mannequins

Votre page de profil Ning a un mur de commentaires, où autre Les membres de Ning peuvent vous laisser des messages. Le mur de commentaires permet aux membres de vous écrire quelque chose, d'inclure un lien vers un autre site Web, d'intégrer de la vidéo à partir du réseau ou d'autres sites, ou de poster une photo pour que vous puissiez la consulter. N'importe qui dans le réseau peut partir ...