Application Web de la semaine : Paletton
Tous les propriétaires de sites Internet ne possèdent pas le même sens du design. Les jeux de couleurs de votre site Web ne devraient pas en souffrir. L’outil en ligne Color Scheme Designer fait peau neuve avec cette nouvelle version de Paletton disponible gratuitement en téléchargement. En quelques clics vous pourrez choisir un set de couleurs harmonisé pour votre site Web. Cet outil en ligne propose une palette de couleurs complète pour chaque ton de base. De cette manière, vous pouvez non seulement concevoir un site Internet à l’apparence professionnelle, mais vos informations et présentations graphiques seront également plus convaincantes grâce à une palette de couleurs soigneusement étudiée.
Comment utiliser Paletton pour votre palette de couleurs
Il existe plusieurs modes pour déterminer un set de couleurs harmonisé : Monochromatic, Adjacent Colors, Triad, Tetrad et Free-Style. Le point de départ est une couleur de base que vous complétez avec jusqu’à trois coloris supplémentaires. Pour cela utilisez le tableau de commandes suivant :
Aperçu des différents modes :
- Monochromatic (monochrome) : Si vous optez pour ce mode, votre palette de couleurs sera composée d’une teinte dominante ainsi que de cinq nuances de cette même teinte. Ces nuances pourront se combiner au choix avec leur couleur complémentaire respective.
- Adjacent Colors (couleurs complémentaires) : le mode Adjacent Colors produit une palette de couleurs en assignant deux coloris proches de votre teinte dominante. Chaque coloris est proposé en cinq nuances. Une teinte complémentaire peut être sélectionnée au choix.
- Triad (triades) : les schémas de couleurs créés avec ce mode se composent de trois coloris harmonisés, chacun comportant respectivement cinq nuances. Ici aussi on peut ajouter la couleur complémentaire de la teinte dominante.
- Tetrad (tétrades) : Dans ce mode, vous combinez votre teinte dominante avec deux coloris secondaires et une couleur complémentaire. Pour chaque teinte de couleur, cinq nuances respectives sont automatiquement générées.
- Free-Style: avec ce mode vous n’utilisez pas la roue chromatique. Il vous permet de combiner librement quatre couleurs de votre choix. C’est le mode qui propose une marge de manœuvre maximale dans la conception de votre jeu de couleurs, mais ce dernier n’est donc pas nécessairement harmonisé.
Le cercle chromatique
Le choix des tons de couleurs principaux aussi bien que celui des couleurs secondaires se fait via un cercle chromatique. L’utilisation est intuitive : une fois les régulateurs placés pour déterminer votre couleur principale, Paletton génère une palette de nuances correspondante. Les modes Adjacent Colors, Triad ou Tetrad sont basés sur des règles de combinaisons préprogrammées, garantissant un set de couleurs harmonisé. Tandis que vous définissez les réglages de la couleur avec le cercle extérieur, le cercle intérieur permet quant à lui d’ajuster les nuances.
Tester sa palette de couleurs sur des exemples
Si vous avez choisi votre jeu de couleurs, vous pouvez tester son rendu sur des graphiques à titre d’exemple. Pour ce faire, utilisez le bouton Examples (exemples) et choisissez entre Page Layout (mise en page), Artwork (illustrations) ou Animated (animations).
Exporter des couleurs
Pour parvenir au code hexadécimal et aux autres informations sur votre palette de couleurs, cliquez simplement sur le champ de votre couleur respectif pour charger la fenêtre Color info.
De manière alternative, Paletton vous propose la possibilité d’exporter votre jeu de couleurs sous divers formats tels que CSS, LESS, SASS, XML ou Swatch-Files pour Photoshop. Cliquez pour cela sur le bouton Tables/Export et choisissez le format de votre souhait.
Voici une courte vidéo d’introduction à Paletton en anglais, réalisée par l’utilisateur YouTube Chris Stefanski :
Articles similaires
L’application Web de la semaine : What the Font
Avec What The Font de MyFonts, vous pouvez trouver des polices de caractères dont vous ne connaissez pas le nom. Cet outil gratuit est une application Web devenue très populaire et permet de trouver une police d’écriture sur la base d’une image d’une portion de texte. Tout ce que vous avez à faire est de réaliser une capture d’écran d’un extrait de texte puis de laisser le programme faire la suite…
Ruslan GrumbleShutterstock Inspiration de Web design pour des sites Web créatifs
Vous êtes à la recherche d’idées de design pour votre site Web ? Il existe de nombreuses plateformes en ligne, communautés et blogs sur le thème de la conception visuelle de sites Web. Nous avons rassemblé pour vous les meilleures sources d’inspiration pour votre choix de design. Peu importe que vous recherchiez une inspiration de style flat design, pour la page unique d’un site ou d’un thème…
Ruslan GrumbleShutterstock Les tendances Web design les plus populaires en 2024
En 2024, les webdesigners pourront laisser libre cours à leur créativité : des designs rétro et maximalistes aux raffinements techniques comme le défilement parallaxe et les chatbots. Le principal défi consiste à intégrer les composants choisis de la manière la plus cohérente possible dans son propre projet. Nous vous présentons les tendances du Web design en 2024.
