Sélection de combinaisons de couleurs en ligne. Cercle de couleur

20.06.2020

Kuler

Adobe Kuler contient une grande bibliothèque de schémas de couleurs prédéfinis. Vous pouvez afficher le diagramme en ligne et le télécharger pour l'utiliser dans les produits Adobe Creative Suite.

Color Lovers compte actuellement près de 2 millions de schémas de couleurs créés par les utilisateurs. Vous pouvez les afficher triés par date, note, nombre de vues.

ColoRotate possède une bibliothèque de schémas de couleurs prédéfinis. Vous pouvez également créer votre propre schéma avec l'outil 3D unique. Le jeu de couleurs peut être utilisé directement dans Photoshop et Fireworks à l'aide du plugin ColoRotate.

Le Color Scheme Designer vous permet de sélectionner le type de schéma de couleurs (mono, complémentaire, triade, tétrade, analogique). Ensuite, il sera possible d'ajuster les couleurs et de voir l'effet du schéma sur un exemple.

ColorSchemer possède une grande bibliothèque de schémas de couleurs créés par l'utilisateur. Vous pouvez les trier par date de publication, classement ou nombre de téléchargements.

Pictaculous est un simple outil de génération de palettes de couleurs en ligne. Vous pouvez télécharger une image et le service générera un diagramme à utiliser avec l'image.

Flèche de couleur

Color Spire est un service très facile à utiliser. Vous choisissez une couleur de base et elle suggère un jeu de couleurs. Vous pouvez également voir apparence schémas sur un modèle simple.

La sélection des couleurs est l'une des jalons dans le processus de création d'un bon design.

Pour vous faciliter la tâche, nous avons décidé de compiler une sélection de les meilleures prestations pour créer des combinaisons de couleurs. Ils vous feront gagner du temps tout en obtenant un résultat décent.

01. Adobe Couleur CC

Adobe a renommé son projet Kuler en Color

Vous connaissez peut-être cet outil sous son ancien nom, Adobe Kuler. Cependant, Adobe a récemment renommé l'une de ses applications Web populaires Adobe Color CC.

Il vous permet de sélectionner, de créer et d'enregistrer différents schémas de couleurs, chacun pouvant contenir jusqu'à cinq couleurs. L'outil est disponible dans les versions de navigateur et de bureau. Si vous utilisez la version de bureau, vous pourrez exporter le jeu de couleurs directement vers Photoshop, Illustrator et InDesign.

02. Sphère de couleur Mudcube

Si vous n'êtes pas sûr de votre palette de couleurs, Mudcude a sa propre galerie d'éléments prédéfinis.

Mudcube Color Sphere est une ressource miniature très pratique pour les concepteurs qui propose non seulement des codes hexadécimaux pour les couleurs sélectionnées, mais vous permet également de créer des schémas de couleurs pour vos propres projets. Il convient également de noter que Mudcube possède sa propre galerie de ressources prêtes à l'emploi que vous pouvez également utiliser.

03. Vérifier mes couleurs

Check my Colors est conçu spécifiquement pour évaluer et faire correspondre la combinaison de couleurs d'arrière-plan et de premier plan pour tous les éléments DOM. Et aussi pour savoir si les éléments sont suffisamment harmonieux les uns avec les autres. Tous les tests sont basés sur des algorithmes recommandés par le World Wide Web Consortium ( W3C).

04. L'application couleur

L'application vous aidera à connaître les valeurs RVB, HEX et HSLA des couleurs sélectionnées

Outil iOS L'application Couleur permet de définir facilement et simplement des couleurs à l'aide d'une large palette de couleurs. Il vous permet de connaître les valeurs RVB , HEX et HSLA des couleurs, ainsi que de créer vos propres schémas de couleurs pour le site.

05. Chasseur de couleurs

Color Hunter génère un jeu de couleurs basé sur l'image sélectionnée

C'est très outil pratique, surtout si vous avez besoin de trouver une couleur spécifique. Sélectionnez une image et téléchargez-la sur Color Hunter. L'outil créera une palette de couleurs basée sur l'image sélectionnée. C'est une excellente méthode pour créer vos propres schémas de couleurs.

06. Oeil d'étain

Si vous avez besoin d'une couleur spécifique, entrez simplement la valeur HEX dans l'URL

Ce site utilise une base de données de 10 millions d'images, disponibles gratuitement sous un contrat de licence Creative Commons, soigneusement sélectionnées par les créateurs de Flickr. Ils peuvent être utilisés pour générer des combinaisons de couleurs appropriées.

07 Couleur

Application Web miniature pratique. Passez votre souris sur l'écran et déterminez la couleur que vous voulez, puis faites défiler un peu pour choisir la nuance. Après cela, l'outil émettra tous les codes HEX nécessaires qui peuvent être utilisés dans propres projets. L'un des outils les plus faciles à utiliser.

08 SpyColor.com

Un générateur de schéma de couleurs gratuit qui fournit des informations sur les couleurs et vous permet également de le convertir en n'importe quel schéma ( RVB, CMJN et d'autres ). Une variété de formats de jeux de couleurs sont disponibles ici, y compris triadique, monochrome, etc.

09.Inspiration de conception

Jusqu'à cinq nuances peuvent être sélectionnées sur Designspiration avec une palette pleine page pratique qui permet de trouver facilement les schémas de couleurs HTML que vous recherchez. Le site générera alors une page avec toutes les images de la base de données qui utilisent une combinaison de couleurs similaire. Il fournira également des valeurs HEX que vous pourrez utiliser dans vos propres projets. Et les images peuvent être enregistrées dans des collections sur le site.

10ColorExplorer

L'un des outils Web les plus réfléchis qui offre de nombreuses fonctionnalités liées à la conception, à la personnalisation et à l'analyse des schémas de couleurs. Voici quelques outils pour vous aider à déterminer Validité WCAG des schémas de couleurs, ainsi que générer votre propre palettes de couleurs.

11. Générateur de schéma de couleurs hexadécimal

Un petit outil pratique pour générer des combinaisons de couleurs basées sur une seule teinte sélectionnée. Collez la valeur hexadécimale de la couleur et l'outil fournira un ensemble couleurs appropriées, qui peut être utilisé avec le principal.

12. Amoureux de la COULEUR

COLOURlovers est une communauté de partage de schémas de couleurs. Ici, vous pouvez vous inspirer des ensembles de couleurs d'autres utilisateurs, ainsi que créer et partager les vôtres.

13. Concepteur de schéma de couleurs

Cet outil en ligne propose façons intéressantes générer des schémas de couleurs, vous permettant d'ajuster leur luminosité et leur contraste. Ici, vous pouvez créer plusieurs modèles mathématiques populaires de schémas de couleurs, y compris le monochrome.

14. COPASO

Un des outils du site COLOURlovers. Mais COPASO mérite une attention particulière, car il s'agit d'une solution tout-en-un incroyable, et facilite la génération de schémas de couleurs prêts à l'emploi pour le site. Il existe de nombreux outils de correspondance des couleurs, et tous sont placés dans une interface pratique et simple. De plus, des notes peuvent être ajoutées aux palettes, des images peuvent être téléchargées, etc.

15. Colormod

Colormod représente Logiciel, qui vous permet de sélectionner des couleurs individuelles dans la zone du widget, que vous utilisiez un Mac ou Konfabulator sous Windows. Ce n'est pas exactement un outil simple pour travailler avec des palettes de couleurs, mais il vous aidera à déterminer rapidement et facilement les couleurs sans avoir à télécharger de programmes lourds.

16. ColorZilla

ColorZilla est disponible pour Chrome et Firefox

Ce projet a commencé comme un plugin pour Firefox , mais aujourd'hui il est également disponible pour Google Chrome . ColorZilla est une extension qui comprend plusieurs outils pour travailler avec la couleur, notamment une palette, un générateur de dégradé CSS et une pipette.

17. Colormunki

Un outil en ligne pratique pour sélectionner les schémas de couleurs des créateurs de Colormunki. Avec lui, vous pouvez facilement créer des palettes de couleurs attrayantes à partir d'échantillons basés sur Pantone en utilisant plusieurs techniques.

18.colr.org

Colr.org vous permet de définir la gamme de couleurs de n'importe quelle image

Cet outil vous permet d'effectuer une analyse détaillée des couleurs d'une image, qui est généralement automatisée dans d'autres outils. Cela vous permettra de choisir la couleur la plus appropriée. Nous vous recommandons de vous familiariser avec cet outil, même si son interface n'est pas aussi bien pensée que dans d'autres applications.

19. Prise de couleur

Cet outil pratique crée des palettes de couleurs à partir de n'importe quelle image. Collez l'adresse de l'image que vous souhaitez analyser et le service générera automatiquement un graphique 3D avec des informations sur les couleurs utilisées. Bien que cette application ne soit pas exactement adaptée à la sélection d'un jeu de couleurs pour un site, elle peut être utilisée pour étudier les images et leurs caractéristiques de couleur.

Mélangeur de 20 couleurs

ColorBlender génère une palette de cinq couleurs assorties

L'un des outils les plus simples qui vous permet d'ajuster la couleur et d'obtenir cinq couleurs assorties en temps réel. La palette générée peut être téléchargée dans Photoshop ou Illustrator sous forme de fichier EPS.

21. mors gris

GrayBit vous permet d'analyser les sites Web pour voir à quoi ils ressembleraient en niveaux de gris

Cet outil vous aidera à voir à quoi ressemble votre site en niveaux de gris. Un excellent service qui vous permettra d'identifier les zones problématiques en contraste.

22. COLRD

Un outil qui peut être utilisé comme source d'inspiration ou pour partager des combinaisons de couleurs. Bien sûr, cette ressource n'aidera pas à générer des circuits, mais elle doit absolument être prise en compte.

23 Spectre Shutterstock

Les images peuvent être filtrées par la balance des couleurs et la luminosité

Parfois, il est plus facile de vérifier si un jeu de couleurs correspondra en regardant des images de stock. Presque toutes les principales ressources boursières proposent de tels outils, mais Shutterstock Spectrum a une interface très conviviale. Après avoir utilisé le curseur pour déterminer la couleur, vous pouvez entrer des mots-clés qui détermineront le thème des images. De plus, vous pouvez filtrer les images en fonction de la balance des couleurs et de la luminosité.

Un petit sélecteur de couleurs élégant et soigné pour la conception de pages HTML et d'autres tâches nécessitant des couleurs assorties.

Voyons ce que ce programme peut faire.

Réglage du point de couleur

Étant donné que le programme ne nécessite pas d'installation, nous sauvegardons simplement l'archive dans Disque dur, décompressez-le dans un endroit pratique, ouvrez le dossier et exécutez le fichier avec l'extension exe. Par défaut, le programme démarre sous la forme d'un petit bouton :

Travailler avec le programme

Nous cliquons sur cette icône et la fenêtre du programme s'ouvre devant nous :

Filtrer

Dans cet onglet, le programme vous permet de "prendre" n'importe quelle couleur directement à partir de l'écran. C'est-à-dire à partir de n'importe quelle partie de l'écran qui était visible au moment du lancement du programme. La totalité de l'écran s'affiche en taille réduite dans la fenêtre Sélectionner une zone.

Si vous cliquez sur n'importe quelle partie de cette fenêtre, elle apparaîtra dans la prochaine fenêtre plus petite "Sélectionnez une couleur". Ici, vous pouvez déjà viser plus précisément et prendre la couleur à partir d'un point spécifique.

Également dans la partie droite de cette fenêtre, il y a des boutons auxiliaires pour copier dans le presse-papiers, et sous les boutons "Actualiser" (met à jour le contenu de l'écran) et "Appliquer" (enregistre la couleur sélectionnée et bascule la fenêtre vers la "Sélection " onglet).

Sélection

Voici les principaux outils pour faciliter la correspondance des couleurs : "Tile", "Circle", "Web" et "Win", qui sont commutés à l'aide d'onglets supplémentaires.

Travailler avec ces outils n'est pas difficile. Cliquez simplement sur la couleur que vous aimez, ajustez-la avec les curseurs RVB (ou HSV - si ce format est plus proche de vous), et voyez si cela vous convient ou non.

Si vous aimez la couleur sélectionnée, vous pouvez copier son code depuis la ligne "Représentation du texte". De plus, le code peut également être sélectionné dans n'importe quel format standard en cliquant sur la petite flèche pour développer la liste.

Faites également attention à la troisième fenêtre de couleur dans le coin supérieur droit. En plus de la couleur sélectionnée (bande verticale), il affiche trois autres couleurs qui se marient bien avec celle sélectionnée.

Ainsi, le programme propose immédiatement plusieurs couleurs assorties qui peuvent être appliquées à d'autres éléments du design conçu.

Le programme a beaucoup de boutons auxiliaires différents. Pour connaître leur objectif, il suffit de les survoler avec la souris et de lire les conseils qui apparaissent tout en bas de la fenêtre du programme.

Réglages

Ici, vous pouvez ajuster certains paramètres tels que le type et la taille de la police et certaines propriétés cosmétiques du programme. Il sera plus pratique de travailler avec le programme si vous décochez les cases "Ouvrir dans l'onglet "Écran"" et "Exécuter en mode mini-fenêtre".

À propos du programme

Dans ce dernier onglet, vous pouvez trouver les contacts du développeur et voir si le une nouvelle version programmes en allant sur son site Web.

Avantages et inconvénients du programme

il existe de nombreux outils différents pour la sélection des couleurs (cercle, tuiles, etc.);
vous permet de comparer facilement les couleurs en déplaçant la fenêtre du programme à proximité d'autres éléments de l'écran;
il y a des conseils pour tous les boutons.

interface un peu délicate ;
courir minimisé et sur l'onglet "Écran" n'est pas très pratique (bien que vous puissiez le désactiver dans les paramètres);
tout le monde n'aimera pas la couleur de la fenêtre du programme.

conclusions

Le programme est assez puissant pour un programme gratuit, il fournit presque tout ce dont vous avez besoin pour sélectionner facilement les couleurs lors de la création d'un design de site Web. Il y a quelques défauts mineurs comme la couleur de la fenêtre du programme (lilas - pas pour tout le monde), mais ils n'interfèrent pas avec son travail.

PS Il est permis de copier et de citer librement cet article, à condition qu'un lien actif ouvert vers la source soit indiqué et que la paternité de Ruslan Bogdanov soit préservée.

P.P.S. Si le programme vous a semblé compliqué, il existe des options plus simples :

Présentation outil utile pour la sélection couleurs- La roue chromatique d'Itten.

Ce que c'est?

En bref, ce sont trois disques placés sur un même axe, sur les surfaces desquels sont affichées toutes les couleurs primaires du spectre lumineux, ainsi que le nombre maximum de nuances possible et une échelle de contraste.

La disposition mutuelle des couleurs, des nuances, des fentes et des pointeurs sur le cercle est mise en œuvre sur la base des lois "coloristique" (théorie des couleurs), donc avec son aide, il est très pratique de sélectionner des combinaisons harmonieuses de nuances si nécessaire.

C'est-à-dire qu'il s'agit en fait d'une feuille de triche matérielle "en direct", qui affiche tous les schémas de couleurs principaux. "Live", car elle peut être captée, contrairement à l'image sur l'écran.

dispositif de roue de couleur

Côté créateur

Côté artiste

Acheter

Naturellement, vous devez pouvoir utiliser un appareil aussi complexe. Ainsi, sur notre site Web, vous pouvez non seulement acheter une roue chromatique, mais également vous familiariser avec son appareil en détail, lire les instructions d'utilisation, regarder diverses vidéos sur ce sujet.

Nous vous recommandons également de vous familiariser avec le service en ligne de sélection des couleurs de vêtements.

Cercle pour sélectionner les combinaisons de couleurs

Le prédécesseur de cet appareil dans sa forme moderne est l'anneau de couleur d'Itten (voir figure ci-dessous).

C'est Johannes Itten qui a été le premier à distinguer exactement douze couleurs de l'ensemble du spectre et à les disposer autour d'un cercle de manière à ce que les paires qui contrastaient le plus possible soient opposées. Au centre, il a placé un triangle avec trois couleurs primaires - rouge, bleu et jaune (c'est d'eux que vous pouvez obtenir tout le reste en mélangeant différentes proportions). Itten enferma ce triangle dans un hexagone, à l'intérieur duquel il indiqua quelles nuances seraient obtenues en mélangeant les couleurs primaires en proportions égales.

Autrement dit, le premier message d'information qu'une telle mise en page porte s'adresse aux artistes novices - ils peuvent clairement voir les résultats du mélange de différentes couleurs.

Examinons de plus près ce point.

Pourquoi y a-t-il douze couleurs primaires ?

Comme vous pouvez le voir sur la figure, il y a Trois primaire couleurs (qui sont aussi appelées primaires).
En les mélangeant par paires dans des proportions égales, vous pouvez obtenir trois secondaire, total - six.
Mélange primaire avec le cercle voisin secondaire donne tertiaire Couleur. Il s'avère que six autres combinaisons, au total - Douze.(De plus, les couleurs tertiaires peuvent être obtenues en mélangeant des couleurs primaires dans des proportions inégales)

Bien sûr, douze couleurs ne suffisent pas pour naviguer dans la variété de couleurs environnantes et trouver la nuance souhaitée, ou voir ce qui se passe lors du mélange de couleurs non adjacentes, mais complètement arbitraires. Par conséquent, ces cercles que vous pouvez trouver en vente ou commander sur ce site sont plus compliqués et portent beaucoup plus informations utiles qu'un simple "anneau d'Itten en douze parties".

Guide de mélange des couleurs

Avec lui, vous pouvez déterminer le résultat du mélange de couleurs et de nuances arbitraires - le nombre de combinaisons est suffisant pour que l'artiste comprenne quelles couleurs doivent être mélangées pour obtenir une nuance donnée. C'est une merveilleuse aide au dessin, en particulier pour les artistes débutants.

Même si la teinte est légèrement différente de celle souhaitée, le résultat souhaité peut être obtenu en modifiant les proportions des peintures mélangées.

Mais comment déterminer ces mêmes proportions ? C'est au hasard ? Non, la roue chromatique peut également vous aider.

échelle de saturation

Cette échelle se trouve du même côté que le guide de mélange car les deux fonctions fonctionnent en tandem.

L'échelle de saturation est une gradation des tons de gris du noir au blanc. À partir des cellules grises de luminosité différente présentées sur l'échelle, vous pouvez toujours trouver une nuance de gris aussi proche que possible de la saturation de la nuance requise, après quoi il deviendra clair combien vous devez assombrir ou éclaircir la peinture.

Pour voir comment cela se fait en pratique, regardez cette vidéo :

Schémas de combinaison de couleurs

Le verso du disque ne contient pas moins d'informations utiles, et peut-être même plus - il aide à sélectionner des combinaisons de couleurs en fonction du schéma sélectionné.

Le schéma des combinaisons de couleurs est une figure, dans le cas le plus simple, une ligne reliant les couleurs "appropriées" les unes aux autres. La formulation est très vague, car la sélection d'une gamme chromatique est à la fois une science et un art.

Premièrement, l'harmonie ou la disharmonie des couleurs est très notion subjective. Comme le dit le proverbe, "il n'y a pas d'ami pour le goût et la couleur".

Deuxièmement, qu'ils soient "appropriés" ou "inappropriés" - tout dépend de situation particulière, l'humeur, sur ce que veut dire exactement l'artiste ou le designer, sur le style dans lequel ce travail, que vous ayez besoin de mettre en surbrillance un élément ou vice versa - rendez-le invisible.

La roue chromatique est un outil sur lequel vous pouvez afficher visuellement tous les schémas de couleurs principaux, mais vous devez pouvoir utiliser cet outil. Vous devez savoir par vous-même, ou du moins sentir lequel des schémas est le plus adapté à votre tâche. De notre côté, nous essaierons de mettre sur ce site un maximum d'informations utiles sur l'utilisation de la roue chromatique (voir rubrique