En tant que développeurs et designers, il est important d’avoir de l’inspiration au quotidien. Couleurs, polices d’écritures, outils sont des ressources essentielles dont il faut disposer. Pour cela divers outils sont mis à disposition comme Colors & Fonts. Cette plateforme en ligne est une bibliothèque de ressources destinée aux développeurs web et designers.

Des ressources disponibles au même endroit !

Le site propose 13 sections différentes. On retrouve ainsi :

  • Color Palettes : propose de nombreuses palettes avec 5 couleurs. Il est possible de télécharger une image de la palette ou bien de copier le code couleur de la palette, ou bien d’une seule couleur !

Colors & Fonts

  • Color Gradient : permet de trouver le parfait dégradé pour votre futur projet. En un clic, obtenez le code de ce dernier ou bien téléchargez l’image du dégradé.
  • Color Contrast propose des contrastes de couleurs. Deux couleurs sont affichées, une couleur à l’extérieur du cercle et une à l’intérieur.

color contrast

  • Material UI Colors : 19 couleurs sont affichées. Lorsque vous cliquez dessus, des couleurs dans les mêmes tons, plus claires ou plus foncées apparaissent.
  • Color Gradients Patterns propose des dégradés de couleurs originaux
  • Tailwind CSS Colors : affiche 9 couleurs sur lesquelles il est possible de cliquer afin d’obtenir des nuances plus claires ou plus foncées ! Cliquez sur la couleur de votre choix pour obtenir le d’obtenir le code couleur HEX.
  • Color Code Converter permet de convertir un code couleur traditionnel en code HEW, RGB, RGBA, HSL ou encore HSLA
  • Designer est un onglet qui propose de nombreux outils autour des typographies, des illustrations, des icônes ou encore des logos !
  • Development propose divers outils pour éditer du code
  • L’onglet CSS regroupe dans l’ordre alphabétique tous les propriétés liées au CSS
  • L’onglet HTML permet de comprendre tout ce qui est lié au code HTML comme les termes iframe, header, table etc
  • Font Pairing propose un grand nombre de polices d’écriture et permet d’importer celle de votre choix ainsi que le code CSS de cette dernière.

Pour finir, l’onglet Articles propose divers articles traitant des couleurs, des typos etc.

Dans le même esprit, nous vous avions déjà présenté Colorsinspo, un outil en ligne proposant un grand nombre de ressources pour choisir les bonnes couleurs dans vos projets !