Coolors

Pourquoi choisir Coolors? Avis, Test, Avantages (2023)

Créez la palette parfaite ou laissez-vous inspirer par des milliers de couleurs.
Note Générale

4.7

| 5

Tarif à partir de

0

$

/mois

Version Gratuite
chevron gauche 1chevron droite 1
Version d'Essai
chevron gauchevalidation icon
Pays

Italie

Siège

Colleferro

Linkedin
validation icon 2logo linkedin
Twitter
< Revenir à la liste complète des outils
Coolors

Avantages et Inconvénients

AVANTAGES

✅ Générateur de couleurs super rapide
✅ Créez, enregistrez et partagez des palettes parfaites en quelques secondes

INCONVÉNIENTS

⭕️ Pour un outil gratuit il n'y a pas grand chose à signaler

Comment en bénéficier
Offre

Revue détaillée de Coolors.co

Cet article est un guide exhaustif de l'outil Coolors.co, que les utilisateurs de tous les jours et les concepteurs professionnels utilisent pour créer de puissantes combinaisons de couleurs.

Nous allons discuter des cas d'utilisation potentiels de cette application, de ses fonctionnalités, ainsi que des trucs et astuces que nous avons appris pour rendre notre flux de travail plus efficace.

Qu'est-ce que Coolors.co ?

Coolors.co est une application Web très simple que vous pouvez utiliser rapidement pour générer des jeux de couleurs pour vous et votre entreprise. Tout ce que vous avez à faire est d'appuyer sur la barre d'espace, et vous obtiendrez une bonne sélection de couleurs.

Si vous n'aimez pas la sélection qui est affichée, il vous suffit d'appuyer à nouveau sur la barre d'espace pour en obtenir une nouvelle. Vous pourrez répéter ce processus jusqu'à l'infini, vous n'obtiendrez d'ailleurs jamais 2 fois la même combinaison de couleurs.

Coolors Accueil
Accueil de Coolors

La nouvelle version offre beaucoup plus de fonctionnalités, comme la création de jeux de couleurs à partir d'images ou l'élaboration de dégradés. Les concepteurs de sites Web disposent également d'un plus grand nombre de fonctionnalités, puisqu'il est désormais possible d'exporter les palettes et les dégradés dans les formats CSS et Adobe.

Vous pouvez générer des idées de palette de couleurs pour des projets de branding et de sites web. C'est un excellent point de départ pour créer une palette de 5 ou 6 couleurs sur laquelle travailler.

Nouveautés - Coolors

Cet outil a récemment fait l'objet d'une nouvelle mise à jour : si vous passez la souris sur une bordure entre deux couleurs, un bouton s'affiche et vous permet d'ajouter une autre couleur. Cela vous offre la possibilité d'obtenir 8, 9 ou 10 couleurs différentes sur votre écran en même temps.

Ajoutez une autre couleur dans le générateur Coolors
Ajout de nouvelles couleurs sur le générateur Coolors.co

Si vous aimez une couleur, mais que vous voulez rafraîchir les autres, vous pouvez verrouiller la couleur que vous aimez et le générateur créera des couleurs qui fonctionnent avec la couleur verrouillée. Par exemple, si vous aimez un bleu clair, mais que toutes les autres couleurs ne vous conviennent pas, vous pouvez verrouiller le bleu clair et il restera standard alors que les couleurs changent autour de lui.

Verrouillage des couleurs sur Coolors.co
Verrouillage des couleurs sur Coolors.co

En cliquant sur l'icône de la grille, un ensemble de nuances de la couleur de base sera chargé. Si vous créez des interfaces utilisateur, vous apprécierez certainement cette fonctionnalité car vous pouvez facilement créer des couleurs plus sombres et plus claires.

Outil de nuance de couleur
Fonctionnalité pour créer des nuances de couleurs sur Coolors.co

En cliquant sur une nuance de la couleur, la couleur originale sera remplacée par la nouvelle couleur de la palette générale.

Si vous aimez vraiment la couleur, vous pouvez la mettre en favori et l'enregistrer pour plus tard..

N'oubliez pas que pour utiliser cette fonctionnalité, ainsi que d'autres, vous devez disposer d'un compte gratuit sur cette plateforme.
Sauvegarder la couleur dans les favoris
Ajout de favoris sur Coolors.co

Beaucoup de gens l'ignorent, mais cette application possède un plug-in pour Adobe Photoshop.  

Cela peut sérieusement augmenter votre flux de travail, en incorporant l'outil directement dans cette plateforme de conception super puissante.

Coolors adobe plugin
Plugin Adobe de Coolors

Ils ont également créé une application iOS qui fait le même travail.

Application iOS de Coolors
Application iOS de Coolors

La dernière version de Coolors, qui a été publiée très récemment, offre des fonctionnalités beaucoup plus avancées.

Dans la suite de cet article, nous allons passer en revue toutes les fonctionnalités de cet outil remanié et vous faire part de ce que vous pouvez faire avec, de conseils et d'astuces pour votre flux de travail et de la façon dont vous pouvez le mettre en œuvre dans des situations quotidiennes.

coolors menu

Le premier bouton affiche un menu déroulant qui vous propose plusieurs paramètres individuels à modifier. Le premier paramètre est la méthode utilisée pour générer vos schémas de couleurs. Par défaut, la méthode est automatique, mais vous pouvez la configurer pour générer des couleurs basées sur des paramètres différents.

Méthode de génération de palettes Coolors
Méthodes de génération de palettes sur Coolors

Avec cela, Google est votre ami et vous pouvez apprendre beaucoup de choses sur les méthodes de génération derrière les couleurs éprouvées depuis de nombreuses années. 

Voici un exemple, le bleu et l'orange :

Palette de couleurs générée par Coolors.co
Palette de couleurs générée par Coolors.co

L'option suivante du menu déroulant qui se trouve sous votre mode de génération est la carte de luminescence. Il s'agit de générer une version en noir et blanc de votre palette et d'afficher la luminescence de chaque couleur individuelle.

Palette de luminance de Coolors.co
Palette de luminance de Coolors.co

Définition : La luminance est une mesure photométrique de l'intensité lumineuse par unité de surface de la lumière se déplaçant dans une direction donnée. Elle décrit la quantité de lumière qui est émise par une couleur individuelle.

Affichage de palette dégradée - Coolors

L'option suivante consiste à visualiser votre palette de couleurs sous forme de dégradé.

Dans ce cas d'utilisation, où nous avons six couleurs individuelles dans notre palette, ce n'est pas très utile. Mais si vous cherchez à générer des dégradés à partir de deux couleurs et que vous voulez les prévisualiser avant de les incorporer dans votre projet de site Web ou votre conception, vous pouvez le faire avec cet outil.

Voici un bon exemple.

Nous voulons créer un dégradé à partir d'un violet et d'un rose, et le prévisualiser avant de l'utiliser dans un quelconque concept de design.

Bien sûr, nous pouvons aller dans PhotoShop et passer jusqu'à 30 secondes à créer le dégradé, ou .... nous pouvons simplement utiliser ce petit outil inclus dans l'application Coolors pour le faire en 2 clics.

2 colors generated with coolors.
2 couleurs générées avec Coolors.co

Nous générons 2 couleurs en utilisant la méthode de génération triadique. Un schéma de couleurs triadique est une palette de couleurs composée de trois couleurs qui sont à égale distance sur la roue chromatique. Par exemple, le rouge, le jaune et le bleu. En général, une couleur est la couleur dominante, tandis que les deux autres sont des accents.

Pour cet exemple, j'ai parcouru un tas de couleurs jusqu'à ce que je trouve le bleu violet montré à droite. Une fois que je l'ai trouvé, je l'ai verrouillé et j'ai fait tourner le générateur jusqu'à ce qu'il génère le rose paradisiaque.

Je pense que cela rendrait bien sous forme de dégradé, mais je ne peux pas en être sûr tant que je ne les vois pas se fondre l'un dans l'autre.

Coolors palette gradient tool
Outil de dégradé à partir de palette de Coolors.co

Voici le gradient que les couleurs ont généré en un clic, et il me semble plutôt bon.

La prochaine étape du menu déroulant dans l'interface utilisateur représente celle des paramètres supplémentaires.

Fenêtre popup des paramètres des Coolors
Fenêtre Popup des paramètres des Coolors.co

Mode Zen de Coolors

Vous pouvez l'utiliser pour basculer en mode Zen, qui élimine tous les en-têtes et pieds de page et affiche uniquement la palette de couleurs que vous générez.

Comme son nom l'indique, ce mode est très "zen", et vous pouvez même basculer en mode plein écran avec votre navigateur pour être encore plus concentré.

Dans ce mode, voici ce que vous verrez :

coolors zenmode
Mode Zen de Coolors

Cela couvre tous les éléments du premier menu déroulant qui peut être activé à partir du menu principal situé à droite de l'écran, au-dessus de la palette de couleurs.

Fonctionnalités - Coolors

Générer un schéma de couleurs à partir d'une image

Ensuite, vous disposez d'un outil très utile qui vous permet de générer des jeux de couleurs à partir de photos. Cet outil est très utile si vous créez votre site Web autour d'une collection de photos et que vous devez générer des couleurs de police, des couleurs d'accentuation, etc.

Générer un schéma de couleurs à partir d'une image en utilisant coolors.co
Générer un schéma de couleurs à partir d'une image en utilisant Coolors.co

L'interface utilisateur vous permettra de :

  • Télécharger une image,
  • Sélectionner une image à partir d'une URL,
  • Utiliser votre appareil photo pour prendre une image,
  • Ou même en rechercher une.

La fonction de recherche de Coolors.co utilise l'API Unsplash pour @ les images.

Pour cet exemple, c'est ce que nous allons utiliser.

Imaginons que vous construisiez un site Web pour une maison de location de vacances avec vue sur l'océan. Vous souhaitez utiliser une image de l'océan comme héros de votre page d'accueil et créer un jeu de couleurs autour de l'océan. Vous pouvez rechercher une photo d'océan à l'aide de la fonctionnalité de la fenêtre contextuelle de sélection d'image.

Mieux encore, toutes les photos d'Unsplash sont libres de droits et peuvent être utilisées gratuitement dans des applications commerciales.

Sélecteur de couleurs d'images de Coolors
Sélecteur de couleurs d'images de Coolors

Une fois que vous avez votre image, vous pouvez utiliser cet outil pour choisir une couleur à l'aide d'une pipette.

Vous pouvez passer en revue chacune de vos 6 couleurs et générer une palette de cette manière. Une fois que vous avez votre palette de base, appuyez sur le bouton suivant pour faire apparaître un menu d'options.

Menu d'Options de Coolors
Menu d'Options de Coolors

Vous pouvez l'ouvrir dans le générateur, visualiser la palette, l'exporter en tant qu'image, l'enregistrer ou créer un collage.

Chacune de ces possibilités est une option du menu principal, et sera abordée plus loin dans cet article, mais choisir d'ouvrir le générateur est une bonne idée si vous essayez de générer un schéma de couleurs à partir d'une image individuelle.

Schéma de couleurs coolors
Schéma de couleurs produit à partir de l'image par Coolors.co

Maintenant que nous l'avons ouvert dans le générateur, nous pouvons continuer et sélectionner les couleurs que nous voulons, puis les verrouiller.

Dans cet exemple, je veux garder les 2 bleus et le marron. Les autres couleurs doivent être remplacés par quelque chose de plus attrayant à l'œil.

Après avoir joué avec les couleurs pendant un moment, nous avons généré ce schéma de couleurs, qui peut ensuite être utilisé dans ce site Web sur le thème de l'océan. Ce n'est qu'un exemple parmi tant d'autres de la façon dont vous pouvez utiliser cet outil pour générer un jeu de couleurs à partir d'une image.

Nouvelle palette de couleurs générée
Nouvelle palette de couleurs générée

Créer une palette de couleurs à partir d'une image

L'option suivante du menu principal est Créer un collage sur Coolors.

En cliquant sur cette option, l'interface utilisateur de l'image se charge à nouveau, ce qui vous permet de télécharger une image ou d'effectuer une recherche dans Unsplash. Le créateur de collage fonctionne de la même manière que le générateur de palettes à partir d'une image, sauf que l'image originale peut être exportée dans le collage.

Si vous essayez de générer des couleurs sur Coolors pour un concepteur de site Web, cela peut être une bonne idée à utiliser, car il montrera les couleurs que vous voulez, et l'image à partir de laquelle vous les avez sélectionnées.
Créateur de collages Coolors
Créateur de collages de Coolors

Vous pouvez modifier le style et la taille de la palette proprement dite sur Coolors, mais la fonction la plus fonctionnelle du générateur de collage que Coolors.co a à offrir est la fonction de palette.

Les boutons plus et moins situés sur le côté droit de l'interface utilisateur vous permettent d'ajouter et de supprimer des couleurs individuelles.

Vous pouvez avoir jusqu'à 10 et jusqu'à deux couleurs dans votre palette.

Le curseur permet de basculer entre les combinaisons de couleurs individuelles et, bien que vous n'ayez pas la possibilité de choisir à partir de l'image,  Coolors générera automatiquement des schémas de couleurs à partir de l'image choisie.

En cliquant sur le bouton "Exporter", votre image sera enregistrée sur votre ordinateur au format PNG.

Palette générée de Coolors à partir d'une image
Palette générée de Coolors.co à partir d'une image

Cela peut également être un élément intéressant à utiliser pour créer des photos Instagram.

Par exemple, si vous êtes un studio d'architecture et que vous essayez de différencier votre marque sur les réseaux sociaux, vous pouvez générer une palette de couleurs à partir de votre travail.

Palette générée par Coolors
Palette générée par Coolors

Voici un exemple de palette de couleurs de cuisine qui pourrait être publiée sur Instagram

Cette technique vous permettra de vous différencier de vos concurrents sur les réseaux sociaux et vous rendra plus mémorables pour les clients potentiels.

Coolors propose un nombre impressionnant de styles, présentés dans la galerie ci-dessous.

Style 1 - Coolors
Style 1 - Coolors
Style 2 - Coolors
Style 2 - Coolors
Style 3 - Coolors
Style 3 - Coolors
Style 4 - Coolors
Style 4 - Coolors
Style 5 - Coolors
Style 5 - Coolors
Style 6 - Coolors
Style 6 - Coolors
Certains d'entre eux ne sont pas pratiques pour une utilisation réelle.
"Je pense surtout que les créateurs de cette application ont eu l'intention de vous faire générer des collages à partager sur les réseaux sociaux".

Si vous êtes un créatif, cela pourrait être une stratégie très intéressante pour différencier vos photos des autres publications sur les médias sociaux.

Annuler/Rétablir les couleurs Générées

Les deux options suivantes sur Coolors vous permettent d'annuler et de rétablir votre génération de couleurs.

Si vous passez rapidement en revue un ensemble de schémas de couleurs et que vous en voyez un qui vous plaît, vous risquez d'appuyer instinctivement sur la barre d'espacement et de perdre ce schéma.

Le bouton d'annulation permet de rétablir le schéma précédent sur Coolors.

Cette fonctionnalité sur Coolors vous permet d'avancer et de revenir dans tous les schémas que vous avez créés au cours de la session.

Vous pouvez également utiliser les touches fléchées pour faire la même chose sur Coolors.

Créer des dégradés avec Coolors.co

Créer un dégradé à partir de Coolors
Créer un dégradé à partir de Coolors

Cela vous permet de faire les trois choses dont nous avons parlé précédemment, mais vous permet également d'accéder à des outils de création de dégradés plus avancés sur Coolors.

Si vous sélectionnez Créer un dégradé, Coolors Couleurs chargera un outil spécifique que vous pourrez utiliser pour générer et prévisualiser des dégradés en temps réel.

Cet outil est extrêmement puissant et très utile pour les concepteurs de sites Web.

Outil de gradient dédié à Coolors
Outil de gradient dédié à Coolors

Avec Coolors, votre principale option d'exportation est une exportation CSS.

Exportation CSS de dégradés créés avec Coolors
Exportation CSS de dégradés créés avec Coolors

Vous pouvez également choisir d'exporter le dégradé de la plateforme Coolors.co sous forme d'image, de le visualiser en plein écran, ou même de copier et de partager l'URL avec un autre membre de votre équipe.

Comme le générateur de palettes, qui est la fonctionnalité phare de Coolors, vous pouvez également explorer les dégradés créés par la communauté.

À mon avis, c'est plus facile et rapide que d'essayer de générer un dégradé soi-même.

Partage des utilisateurs de dégradés de Coolors
Partage des utilisateurs de dégradés de Coolors

En passant la souris sur un gradient individuel, vous pourrez voir les couleurs spécifiques qui le composent.

Répartition des couleurs individuelles dans un gradient de Coolors
Répartition des couleurs individuelles dans un gradient de Coolors

Vérificateur de contraste

Le dernier outil que Coolors vous propose s'appelle le vérificateur de contraste.

Cet outil vous permet de vérifier le contraste entre une couleur de fond et une couleur de police.

Cet aspect est particulièrement important en raison des règles et règlements en matière d'accessibilité, ainsi que du classement de l'accessibilité par Google et de l'utilisation de ce classement dans le positionnement des moteurs de recherche.

Si votre site Web ne présente pas un contraste suffisant entre son arrière-plan et ses polices de caractères, non seulement il sera difficile pour vos visiteurs de le lire, mais Google risque de le pénaliser dans les résultats de son moteur de recherche.

Contrôleur de contraste des couleurs Coolors
Contrôleur de contraste des couleurs de Coolors

Il vous permettra de saisir la couleur du texte dans la couleur d'arrière-plan, vous montrera un aperçu des deux couleurs avec des mots réels, et vous donnera un score de contraste.

Le score le plus élevé se situe autour de 10, et il s'agit du noir et blanc.

Voici un exemple de mauvais contraste entre la couleur de fond et la couleur de la police :

Vérificateur de contraste Coolors, score faible
Vérificateur de contraste Coolors : Score faible

Comme vous pouvez le constater, cette combinaison est pénible à lire et nuit à l'accessibilité de tout site Web.

Vous pouvez utiliser Coolors pour vous donner automatiquement des suggestions sur la façon de corriger cette combinaison de couleurs peu contrastées. Vous pouvez modifier les deux couleurs ou changer une seule couleur.

Dans cet exemple, nous avons choisi de modifier à la fois la couleur de l'arrière-plan et la couleur de la police. Voici le résultat :

Vérificateur de contraste Coolors, score élevé
Vérificateur de contraste Coolors, score élevé

Prise en charge du daltonisme

L'option suivante est l'outil de daltonisme qui vous permet de générer 8 palettes spécifiques au daltonisme à partir de votre palette primaire.

Cela peut être utile si vous souhaitez rendre votre site Web accessible aux daltoniens sur Coolors.

Je n'en suis pas sûr, mais c'est peut-être aussi un excellent outil à utiliser pour les réglementations ADA.

Palette de couleurs coolors pour les utilisateurs daltoniens
Palette de couleurs pour les utilisateurs daltoniens de Coolors.co

Coolors est un outil très puissant, qui peut vraiment vous aider si vous essayez de rendre un schéma de couleurs facile à comprendre pour tout le monde.

Vous pouvez également l'utiliser pour vérifier le schéma de couleurs existant sur votre site Web et voir si vous devez apporter des changements majeurs.

Gardez à l'esprit que vous pouvez garder le paramètre de daltonisme activé, ce qui mettra toujours automatiquement à jour la sous-palette daltonienne lorsque vous mettez à jour ou modifiez votre palette principale sur Coolors.

Outil d'ajustement des palettes

L'outil suivant est l'outil d'ajustement des palettes. Il vous permet de modifier la teinte, la saturation, la luminosité et la température de votre schéma.

Comme l'outil de daltonisme, cet outil Coolors ouvrira une palette secondaire, qui est directement basée sur votre palette primaire.

Chaque fois que vous apportez des modifications, celles-ci s'affichent sur la palette secondaire, ce qui vous permet de les comparer facilement à la première.

Coolors palette adjustment tool
Outil d'ajustement de la palette de couleurs

La série suivante de trois outils est consacrée à l'affichage et au partage de votre palette avec d'autres personnes.

Affichage et Partage de palettes de couleurs - Coolors

Affichage de la palette

La première option, afficher la palette, fait apparaître une fenêtre pop-up qui répertorie tous les identifiants possibles pour la couleur que vous avez générée.

Elle affiche les options de base comme l'hexagone et le RVB, mais aussi des options moins connues qui pourraient être très utiles aux décorateurs d'intérieur et aux architectes qui essaient d'acheter de la peinture sur la base de la couleur qu'ils ont générée.

Vue de la palette de Coolors
Vue de la palette de Coolors

Vous obtiendrez des identifiants Copic, Prismacolor, Pantone, Ral et un tas d'autres identifiants que vous pourrez ensuite utiliser dans toute application nécessitant une identification des couleurs.

Options d'exportation de Coolors

L'option suivante est l'option d'exportation, qui vous permet d'enregistrer le schéma de couleurs dans plusieurs formats et de le partager facilement avec d'autres personnes.

Fenêtre d'exportation de Coolors
Fenêtre d'exportation de Coolors

Vous pouvez :

  1. Copier l'URL pour l'envoyer à quelqu'un,
  2. Générer un PDF qui peut être prêt à l'impression,
  3. Créer une image qui enregistrera un PNG sur votre ordinateur (c'est la méthode que nous avons utilisée pour exporter les palettes de couleurs générées par cet outil pour les utiliser dans cet article de blog).

L'option SCSS permet de générer une feuille de style à utiliser pour le style CSS des applications Web.

Exportation SCSS de Coolors
Exportation SCSS de Coolors

C'est très utile pour nous car nous pouvons simplement copier et coller, au lieu de devoir générer tout cela à partir de zéro.

L'option ASC vous permet de télécharger une palette à utiliser dans Adobe illustrator et Photoshop. Vous pouvez importer cette palette, qui s'affichera alors dans la section des palettes de couleurs de ces deux applications. Si vous êtes graphiste, cela pourrait vous être très utile.

Vous avez également la possibilité de l'exporter au format SVG.

Sauvegarde des palettes dans Coolors

Enfin, l'option de sauvegarde sur Coolors vous permet d'enregistrer ce schéma de couleurs dans un compte que vous avez créé avec l'application Coolors.

Nous l'utilisons pour sauvegarder les schémas de couleurs que nous avons créés mais dont nous n'avons pas l'utilité, et chaque fois que nous avons besoin d'un nouveau schéma de couleurs pour un projet, nous passons par notre compte et sélectionnons un schéma que nous avions créé par le passé.

La dernière icône de menu à droite du menu principal permet de basculer vers une barre latérale que vous pouvez utiliser pour explorer les schémas de couleurs d'autres utilisateurs ou revoir les vôtres si vous avez un compte avec le service.

Il y a un aspect social à ce Coolors, où les utilisateurs peuvent générer et partager leurs schémas de couleurs à la communauté. Cela peut être très utile si vous souhaitez trouver un schéma bien conçu, mais que vous n'avez pas le temps d'en parcourir un grand nombre vous-même.

Et, juste au moment où vous pensiez que nous avions terminé, parlons du menu Plus dans la barre de menu supérieure de cette application.

Verdict Final - Coolors.co

Il est assez étonnant de penser que Coolors, qui est extrêmement puissant est gratuit et libre d'utilisation . 

Il n'y a absolument aucun aspect payant, aucune publicité autre qu'un partenariat avec Skillshare, aucun popup, rien du tout.

Coolors est un outil incroyablement puissant pour quelqu'un qui veut simplement s'amuser avec les couleurs, mais aussi pour les concepteurs professionnels.

Il a de multiples applications, de la conception de sites Web à la sélection de couleurs pour l'architecture, en passant par la création de réseaux sociaux.

Nous espérons que cet article vous a donné un bon aperçu des caractéristiques et des fonctionnalités de Coolors, et de la façon dont nous, un studio de conception web, l'utilisons dans notre travail quotidien lors de la création de nouvelles marques, du rebranding ou de la construction de sites web.

FAQ - Coolors.co

Comment démarrer avec Coolors ?

Coolors s'ouvre sur une page d'accueil audacieuse présentant ce que le service a à offrir. Vous pouvez d'abord vous inscrire sur le site, mais ce n'est pas une condition essentielle pour utiliser le service.

Toutefois, l'inscription est une procédure rapide et sans douleur, malgré la nécessité de créer un compte avec une adresse électronique.

Le fait d'avoir un compte vous permet essentiellement d'ajouter des couleurs et des palettes à vos favoris, afin de pouvoir vous y référer ultérieurement. Cette fonction à elle seule vaut la peine de s'inscrire.

Le site fait bon usage de tout l'espace qu'offre un écran de bureau, mais il fonctionne également sur des écrans mobiles plus petits. Toutefois, la plupart des utilisations se feront - et devraient se faire - sur un navigateur de bureau.

Comment explorer les palettes existantes avec Coolors ?

Coolors permet de gérer des palettes de couleurs. Sur Coolors, une palette de couleurs est simplement une liste contenant entre deux et dix couleurs 24 bits individuelles.

Le moyen le plus rapide de se faire une idée du site est de voir ce qui s'y trouve déjà. Le menu "Explorer" vous conduit à la page "Palettes de couleurs en vogue", qui présente les combinaisons de couleurs les plus populaires actuellement.

Le concept de palettes de couleurs tendance est peut-être un peu inhabituel, mais vous pouvez également trier le flux par Dernières ou Populaires. Vous pouvez même rechercher presque tous les types de valeurs de couleur en utilisant des mots-clés tels que "vibrant" ou "forêt".

Chaque palette est affichée sous la forme d'une série de bandes verticales, chaque bande utilisant une couleur de la palette.

Lorsque vous survolez une bande, elle s'agrandit légèrement pour révéler la valeur RVB hexadécimale de cette couleur, qui peut être copiée dans le presse-papiers d'un simple clic. C'est une excellente méthode pour trouver une couleur appropriée, ou une palette complète si vous êtes pressé.

Comment générer de nouvelles palettes avec Coolors ?

Par défaut, la section Générer fournit une palette de couleurs aléatoires, avec cinq couleurs avec lesquelles vous pouvez commencer à travailler. En appuyant sur la barre d'espacement, vous obtenez une nouvelle sélection aléatoire. C'est idéal si vous êtes en quête d'inspiration et que vous ne savez pas par où commencer !

Chaque palette peut être sauvegardée, ou modifiée à l'avance. Vous pouvez travailler avec des couleurs individuelles, et les ajuster par nuance si elles ne sont pas tout à fait correctes. Cliquez sur l'icône Afficher les nuances, puis sélectionnez une autre nuance parmi celles présentées.

Il est important de noter que les palettes sont faciles à créer au départ, mais qu'elles sont en grande partie figées. Si vous modifiez une palette, elle sera enregistrée comme une nouvelle copie, à moins que vous ne le fassiez en modifiant spécifiquement la palette, plutôt qu'en l'ouvrant dans le générateur.

Lorsque vous modifiez des couleurs dans une palette comme celle-ci, seul le code hexadécimal RVB est disponible. Nous vous recommandons d'utiliser plutôt le générateur complet, de charger la palette que vous souhaitez modifier, puis de l'enregistrer comme nouvelle palette avant de supprimer l'ancienne.

C'est peut-être l'aspect le plus gênant de l'application Web Coolors, et il faudra peut-être s'y habituer.

L'icône Palettes enregistrées fait apparaître une barre latérale qui affiche toutes les palettes que vous avez enregistrées, ainsi que celles de l'ensemble du site. C'est un moyen utile d'accéder rapidement à n'importe quelle palette.

Des étiquettes peuvent être attribuées aux palettes pour faciliter la recherche, et elles peuvent également être regroupées en projets ou en collections (il n'y a pas vraiment de différence entre les deux) pour une consultation ultérieure.

Comment Extraire des couleurs d'une image sur Coolors ?

Le sélecteur d'images extrait les couleurs d'une image et génère une série de palettes possibles en fonction de celles-ci. Vous pouvez faire glisser le curseur pour afficher différentes palettes ou ajouter des emplacements de couleur supplémentaires.

L'emplacement de chaque couleur est mis en évidence dans l'image, et les emplacements peuvent être déplacés pour choisir une autre couleur. Une fois terminé, vous pouvez enregistrer la palette dans votre bibliothèque ou l'exporter sous forme de fichier.

Comment trouver des informations de base avec le sélecteur de couleurs de Coolors ?

Le sélecteur de couleurs se concentre moins sur les widgets fantaisistes - bien que plusieurs soient proposés - que sur les détails complexes d'une couleur spécifique. Par défaut, la page sélectionne une couleur aléatoire, mais il est possible de l'ajuster en saisissant une valeur RVB hexadécimale directe ou en choisissant parmi une gamme de sélecteurs de couleurs.

Si vous sélectionnez une couleur, vous verrez toutes ses différentes représentations, de RVB à XYZ. Les variations affichent des couleurs alternatives similaires, ajustées par la nuance, la teinte ou la température, entre autres.

Cette section est encore plus complète et traite de différentes harmonies de couleurs (par exemple, les complémentaires), d'un simulateur de daltonisme et d'un vérificateur de contraste pour voir comment la couleur se comporte en tant que texte sur un fond blanc ou noir.

Comment exporter une palette avec Coolors ?

Que vous visualisiez une palette existante ou que vous créiez la vôtre, vous aurez la possibilité de l'exporter dans divers formats, notamment :

  • CSS à copier et coller dans votre feuille de style
  • Un fichier image, y compris SVG
  • Un PDF pour présenter la palette

Si vous avez déjà griffonné un code de six caractères sur une note autocollante ou envoyé un triplet RVB à quelqu'un, vous saurez à quel point cette méthode peut vous faire gagner du temps, surtout si elle est utilisée par une équipe élargie.

Lorsque vous exportez votre palette au format PDF, Coolors vous offre de nombreuses options de personnalisation, dont certaines comprennent des étiquettes à utiliser pour chaque couleur de la palette et des ensembles d'exemples à inclure à partir de divers espaces de couleurs.

Il n'est pas aussi sophistiqué que ce qu'un studio de conception complet pourrait produire, mais il convient parfaitement pour être inclus dans un document de conception.

Qu'est-ce qu'une roue de couleurs ou un générateur de palette de couleurs comme Coolors ?

Une roue des couleurs ou un générateur de palette de couleurs est un logiciel qui permet aux utilisateurs de générer une palette de couleurs autour d'une couleur ou d'une nuance spécifique. Ces couleurs sont des couleurs cohésives ou complémentaires et peuvent être parfaites lorsque vous travaillez sur un nouveau projet de design.

L'utilisation de la roue Coolors est-elle gratuite ?

Oui ! L'utilisation de Coolors est gratuite, et les utilisateurs peuvent télécharger des photos ou utiliser le sélecteur de couleurs pour aider à générer la combinaison ou le schéma de couleurs parfait.

Quelle est une bonne palette de couleurs contemporaines comme Coolors ?

Une palette de couleurs contemporaine est généralement composée de neutres, de noirs et de blancs. L'utilisation de ces couleurs et d'une couleur vibrante ou vive pour les accentuer constitue une excellente palette de couleurs contemporaines.

Quelles sont les alternatives se Coolors ? rs ?

Colorhunt.co est un bon site web pour créer de nouveaux schémas ou trouver de nouvelles idées de couleurs.

Comment faire une palette de couleurs avec Coolors ?

La création d'une palette de couleurs est simple sur Coolors : il s'agit essentiellement d'une combinaison de couleurs qui se complètent ou s'équilibrent.

La façon la plus simple de procéder est d'utiliser des générateurs de palette de couleurs. Cependant, il est généralement préférable d'en créer une en utilisant une couleur de base et une combinaison de couleurs neutres et complémentaires sur Coolors.

Tags
Design
Graphisme
CSS
Présentation Vidéo
Merci d'avoir voté ! 🏆
Veuillez patienter...Pour éviter le Spam, la mise à jour se fera dans 30 secondes ...
🚨Une erreur est survenue ... Avez-vous déjà voté pour cet outil ?