Navigation

Toutes les catégories

Filtrer par auteur

Voir les derniers articles

5 outils pour trouver de superbes dégradés de couleur

Les dégradés de couleurs ont le vent en poupe, notamment en webdesign. Mais trouver une combinaison de couleurs harmonieuse qui permettra de former un beau gradient...

Publié par Leo Chatillon

Les dégradés de couleurs ont le vent en poupe, notamment en webdesign.

Mais trouver une combinaison de couleurs harmonieuse qui permettra de former un beau gradient n’a rien d’évident.

Heureusement, il existe des outils très pratiques pour obtenir facilement de superbes dégradés ou vous aider à personnaliser le vôtre.

1) WebGradients

outil pour trouver des dégradés de couleurs

WebGradients.com offre un large choix de dégradés de couleurs élégants et originaux (avec 180 variantes en stock à l’heure où nous écrivons ces lignes).

Pour utiliser un « gradient »,plusieurs solutions s’offrent à vous :

  • Télécharger une image PNG ;
  • Copier le code CSS (en appuyant sur « Copy CSS ») ;
  • Créer vous-même le dégradé en réutilisant les couleurs indiquées (attention, cela n’est pas le cas pour ceux qui contiennent plus de 2 couleurs).

2) Eggradients

outil pour trouver des dégradés de couleurs

Eggradients.com est une vraie mine d’or qui propose plus de 200 dégradés (petite originalité : ils sont représentés sous la forme d’un œuf, d’où le nom du site.)

Ici, vous pouvez soit copier-coller le code CSS du dégradé qui vous intéresse soit le faire manuellement en utilisant les couleurs indiquées (mais pas de PNG à télécharger.)

3) Khroma

outil pour trouver des dégradés de couleurs

Khroma est un outil original et très puissant pour obtenir (entre autres) des dégradés de couleurs.

Son fonctionnement est un peu particulier : il vous faudra dans un premier temps sélectionner 50 couleurs (cela peut prendre un peu de temps).

Suite à cela, Khroma analysera vos choix pour vous faire des propositions personnalisées de gradients, mais aussi de palettes de couleurs et de typographies.

4) ColorSpace

outil pour trouver des dégradés de couleurs

ColorSpace diffère légèrement des précédents sites, mais s’avère tout aussi utile.

Il vous permet de créer facilement un gradient personnalisé en indiquant deux couleurs et une orientation (à l’aide des petites flèches). Vous n’avez plus qu’à vous emparer du code CSS, et le tour est joué.

5) ColorZilla

outil pour trouver des dégradés de couleurs

Un peu plus vétuste que les autres sites présentés ici, ColorZilla n’en reste pas moins un outil très efficace.

Avec son éditeur similaire à celui de Photoshop – vous ne serez pas dépaysé si vous êtes un utilisateur du logiciel d’Adobe – il permet de créer et de personnaliser rapidement des dégradés de couleurs.

Lire la suite de l'article

Newsletter WebActus

Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.

Nous ne partagerons pas votre adresse e-mail.

Articles similaires

Graphisme

8 tendances à suivre pour une landing page qui convertit en 2021

Les pages de destination sont des espaces dédiés à la conversion. À condition que celles-ci soient optimisées pour cela. Pour vous en assurer, vous devez impérativement tenir...

Publié le par Solenne Ricard
Graphisme

Erreur 404 : 28 exemples de pages originales

Je suis certaine qu’il vous est déjà arrivé de naviguer sur Internet et de tomber sur une page « erreur 404 ». Hé oui ! La page n’existe pas ou plus, et c’est l’une des...

Publié le par Solenne Ricard