Colourcode

Outildesign

Publié par le (20484 lectures)

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

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.

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

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

@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 ?

@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é.

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 :/

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

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.