Générer et appliquer un schéma de couleurs Web

Beaucoup de ressources très utiles pour générer des schémas de couleurs sont disponibles en ligne. Ces ressources vous permettent de définir des couleurs basée sur une couleur, une image, ou même une humeur. Adobe Kuler (prononcé COOL-ER, comme dans, “ je suis plus frais que vous êtes ”) est parmi les meilleurs en ligne des ressources de conception web. Il est gratuit, mais vous devez vous inscrire auprès d'Adobe pour utiliser toutes les fonctionnalités.

ColorSchemer (une version gratuite disponible pour une utilisation en ligne seulement) a, un ensemble d'outils propres intuitive pour générer des couleurs basé sur une couleur de démarreur.

Quand vous allez à Kuler en ligne, vous pouvez commencer à définir un schéma de couleurs en entrant un nom de couleur, une valeur de couleur, ou un mot dans la boîte de recherche. Entrer “ hiver ” dans la boîte de recherche, et vous êtes présenté avec une variété de combinaisons de couleurs hivernal.

En cliquant sur le apporter des modifications à ce thème et bouton Afficher les valeurs des couleurs dans Kuler affiche les valeurs des couleurs dans votre palette de couleurs généré.

Après Kuler affiche les valeurs hexadécimales pour les couleurs dans votre palette de couleurs, vous pouvez simplement copier et coller ces valeurs dans un fichier texte (en utilisant votre traitement de texte ou un éditeur de texte) et puis copiez et collez-les dans un CSS.

Si vous travaillez entièrement dans le système Adobe Creative Suite, vous pouvez générer un ASE (Adobe Swatch Exchange) fichier. Ces fichiers ASE peuvent être chargés dans le panneau Nuancier dans Illustrator CS6 et d'autres applications (mais pas Dreamweaver) et utilisés pour créer des illustrations.

La figure suivante montre un schéma de couleurs Kuler généré importé dans le panneau Nuancier Illustrator CS6. Vous pouvez naviguer et afficher un fichier ASE enregistré avec le menu Swatch bibliothèques d'Illustrator.

Encore une fois, et pour être clair, vous ne devez pas tous les produits Adobe pour récupérer un jeu de couleurs à partir de Kuler. La technique la plus fondamentale pour capturer les valeurs hexadécimaux générés par Kuler (ou tout autre outil de schéma de couleurs) est de copier et coller ces valeurs hexadécimal en tout fichier de document (en utilisant Word, Notepad, TextEdit, ou autre), puis les enregistrer.

Ou même les griffonner sur un bloc-notes avec un stylo et plus tard les taper dans un fichier HTML ou CSS.

A propos Auteur

Choisissez des couleurs avec InDesign panneau échantillons de CS5

Le panneau Nuancier dans Adobe InDesign Creative Suite 5 vous aide à choisir les couleurs. Les couleurs que vous utilisez dans un document peuvent varier considérablement en fonction de ce que vous créez le document pour. Par exemple, une…

Choisissez couleurs de fond et de Photoshop CS5

Au bas du panneau Outils résider premier plan et d'arrière-plan des échantillons de couleurs. La couleur de premier plan est la couleur que vous appliquez lorsque vous utilisez l'un des outils de peinture. La Couleur de fond est la couleur que…

Créer des dégradés dans Flash CS5

Dégradés Adobe Flash Creative Suite 5 sont des mélanges de deux ou plusieurs couleurs que vous pouvez utiliser pour remplir les zones ou la forme, tout comme une couleur unie. Le panneau Nuancier Flash CS5 offre des préréglages de gradient vous…

Comment ajouter de la couleur à Fireworks CS5 graphiques

Attribution d'un remplissage ou du trait de graphiques est relativement simple dans Fireworks Creative Suite 5 en utilisant le panneau Nuancier. Mais que faire si la couleur que vous voulez utiliser ne figure pas dans le panneau Nuancier par…

Comment créer des dégradés dans Adobe Flash CS6

Adobe Flash CS6 a une façon pour vous de créer des gradients pour remplir un espace que vous ne voulez pas être une couleur unie. Dégradés sont des mélanges entre deux ou plusieurs couleurs que vous pouvez utiliser pour remplir les zones ou la…

Comment saisir la couleur du panneau échantillons de Photoshop CS6

Pour définir une couleur de premier plan ou d'arrière-plan dans Adobe Photoshop Creative Suite 6, cliquez sur une couleur dans le panneau Nuancier. Choisissez Fenêtre-Nuancier pour faire apparaître le panneau.Vous pouvez avoir n'importe quel…

Comment utiliser Kuler pour trouver et partager des thèmes de couleurs dans Photoshop CS6

Les ressources disponibles pour Adobe Photoshop Creative Suite 6 sont vastes. Kuler est une communauté en ligne qui fournit des thèmes de couleurs pour vous de naviguer, télécharger, créer, éditer, et de les télécharger pour les partager…

Comment utiliser des échantillons dans Adobe InDesign CS6 documents

Vous pouvez créer, appliquer et modifier les couleurs de la panneau Nuancier dans Adobe InDesign Creative Suite 6. En plus d'utiliser ce panneau pour créer et éditer des teintes et des dégradés et ensuite les appliquer à des objets sur une…

Conception des diapositives PowerPoint avec des thèmes

Un thème est un ensemble d'éléments de conception que vous pouvez appliquer à diapositives de votre présentation. Microsoft PowerPoint 2007 comprend 20 thèmes soigneusement élaborées, vous pouvez utiliser pour donner à vos présentations…

Comment appliquer des couleurs au texte dans iBooks Author

Vous pouvez appliquer des couleurs aux origines et les limites de objets, ainsi que des textes. Mais comment obtenez-vous ces couleurs? Vous utilisez le panneau des couleurs, que vous ouvrez en cliquant sur le bouton Couleurs d'icône dans la barre,…

Comment trouver des couleurs pour la palette de couleurs de votre site Web

La règle la plus élémentaire de combinaisons de couleurs pour les sites web est que vous avez à travailler avec une contrainte, petit nombre de couleurs. Sinon, votre site sera tout simplement présenter une cacophonie désordre de la couleur.…

Couleur d'impression par rapport à des couleurs du site Web

Dans la presse écrite, les couleurs sont créés avec de l'encre de couleur en mélangeant cyan, magenta, jaune et noir (CMJN). Sur la bande, cependant, les couleurs sont produites par mélange de rouge, vert et bleu (RVB des pixels impliqués). Le…

Encerclant la roue des couleurs pour la peinture à l'aquarelle

Aquarelle sur papier est un peu de l'eau et un peu de couleur. Vous pouvez obtenir les nombreux endroits de l'eau, mais de se familiariser avec la roue de couleur peut prendre un peu plus de temps. La roue des couleurs affiche les couleurs primaires…

Convertir des éléments de photoshop 10 images en mode de couleurs indexées

Couleurs indexées est un mode que vous utilisez occasionnellement avec des graphismes Web, telles que l'enregistrement au format GIF ou PNG-8. Lors de l'enregistrement des images en couleurs indexées, vous pouvez créer des fichiers plus petits…

godiches.com » Internet & médias sociaux » Web design & développement » Le développement de site Web » Générer et appliquer un schéma de couleurs Web