Colourcode

Outil par (Graphiste - Designer Web et mobilité, Strasbourg)
Créé le (12115 lectures)
Tags : color, couleur

Besoin de créer un jeu de couleur pour votre créa ? Besoin de choisir rapidement une couleur en CSS ? Votre client vous a donné une couleur de départ et vous avez besoin d'inspiration pour créer votre thème ?
Je vous propose aujourd'hui de jeter un oeil à colourco.de, un éditeur de thème de couleur  en ligne.

La prise en main peut paraître déroutante au premier abord : déplacez la souris de gauche à droite pour choisir la teinte, et de haut en bas pour choisir le contraste.

Vous avez une couleur définie que vous souhaitez utiliser ? Pas de panique c'est possible aussi, il vous suffit de cliquer n'importe où, pour ensuite avoir accès aux options cachées sous la fenêtre du bas qui vous permettent d'entrer n'importe quelle couleur au format hexadécimal, rgb, hsl, etc.

Colourco.de ajout de couleur à la main

Une fois la couleur de départ choisie, vous pouvez ensuite ajouter les autres couleurs à la main. Mais le vrai intéret de l'outil est d'exploiter les options du menu pour automatiser la construction : monochrome, couleurs analogues, complémentaires ou encore une harmonie en triade, vous avez plusieurs possibilités.

Colourcode options supplémenaitres

Une fois satisfait par votre thème, vous pouvez alors le partager directement avec un client ou des collègues via l'option de permalink, mais également le télécharger au format .PNG et dans un fichier au format .scss ou .less pour utiliser directement dans votre intégration.

Même si la prise en main n'est pas forcément facile, colourco.de constitue une alternative originale à kuler. Il ne lui manque que l'export du thème dans des formats compatibles avec des outils comme Photoshop, Fireworks ou Illustrator.

Commentaires

Olivier C a dit le

Ce qui m'impressionne toujours avec ce genre d'outils - au-delà des services qu'ils rendent -, c'est la qualité de leur réalisation.

Camille_L a dit le

super outil, merci !

speedlab a dit le

Très bon outil, merci :)
+1 pour ta conclusion

niuxe a dit le

Merci pour cette trouvaille ! Direction les fav. En effet, c'est une très bonne alternative à Kuler.

LECOMTE a dit le

pas mal à première vue, mais pour ma part, je ne comprend pas le fonctionnement si on ajoute sa propre couleur de départ, ce qui est quand même l'intérêt avant tout, impossible de décliner quoique ce soit, il ne prend pas en compte la valeur hexa insérée...c'est pareil pour vous ? (test sur firefox 26.0) ... merci

Stéphanie W. a dit le

@LECOMTE : je ne suis pas sûre d'avoir compris ta question en fait :/ Si tu ajoutes ta propre couleur et qu'ensuite tu joues avec les options à gauche tu peux la décliner dans différents modes, non ?

LECOMTE a dit le

@Stéphanie W. : désolé, pas facile d'être clair :)
prenons un exemple : tu choisis comme mode "monochrome and dark grey" puis tu cliques une fois pour figer, tu entres ensuite une couleur hexa avec la petite flèche tout en bas > becced par exemple, lorsque tu valides > il a affiné la couleur que tu viens de rentrer en 88a1dd.
>>> voilà donc ce que je ne comprend pas, j'ai ma couleur de départ qui s'est envolée :)
>>> également, si tu cliques sur un autre mode, l'outil ne décline pas, il repart à zéro, si tu bouges ta souris, rien n'est figé.

Stéphanie W. a dit le

Effectivement il semble prendre une couleur plus "proche" que celle que tu lui donnes, étrange il y a peut-être un petit bug à leur faire remonter ici :/

WriterZ a dit le

Très sympa, un outil à avoir sous la main... Pas toujours facile le choix des couleurs ou du moins les nuances...

Zelalsan a dit le

Un peu déroutant en effet même s'il reste très intuitif. Une autre alternative connue est ColorSchemer. Il existe en ligne et il existe en software, ce qui est parfois pratique.

SolidSnake a dit le

J'aime aussi encore bien l'outil http://colorschemedesigner.com/ (je le trouve... plus pratique que celui en question)

Commenter

Vous devez être inscrit et identifié pour utiliser cette fonction.

Vous identifier (déjà inscrit)

Nouvel inscrit

Être inscrit sur Alsacréations vous permet de :

  • participer à la communauté
  • intervenir sur les actualités
  • créer des sujets sur le forum et y répondre
  • participer aux concours
  • vous inscrire à des événements tels que la KiwiParty
  • publier votre profil

Indiquez un e-mail valide pour recevoir votre mot de passe :

Votre adresse e-mail restera strictement confidentielle, ne sera ni divulguée à un tiers ni spammée.

Annonces par e-mail

Souhaitez-vous recevoir les newsletters officielles par e-mail ?   Fréquence d'envoi : tous les 3 à 6 mois, annulation possible à tout moment

En vous inscrivant, vous confirmez accepter les règles d'utilisation.

Retour à l'accueil