Base
#3b82f6 (complémentaire)
Complément
#f6993b
Outils de design
Harmoniseur de couleurs — Règles d'harmonie classiques
Choisissez une couleur de base et générez des schémas avec des règles complémentaires, analogues, triadiques, tétradiques, complémentaires ou monochromatiques. Prévisualisez l'utilisation de l'interface utilisateur et exportez les variables CSS pour le travail de la marque et des composants.
PaletteCouleurHarmonie
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
设计配色
Harmoniseur de couleurs
搭配结果
预览效果
配色预览
查看配色在实际界面中的效果
CSS 变量
Cas d’usage
- Choisissez une règle d'harmonie et expédiez une palette de démarrage
- Dériver les couleurs des boutons primaires et secondaires
- Exporter des variables CSS dans un thème
Mode d’emploi
- Choisir ou saisir une couleur de base
- Sélectionner une règle d'harmonie
- Cliquez sur les échantillons pour copier les couleurs ou copiez le CSS variables
Exemples d’entrée et de sortie
FAQ
Quelles règles sont incluses ?
Complémentaire, analogue, triadique, tétradique, complémentaire et monochromatique : six règles au total.
En quoi est-ce différent d'un générateur de palette ?
Ceci étend une couleur de base à travers des structures fixes de théorie des couleurs. Les générateurs de palettes s'appuient davantage sur l'exploration aléatoire et les workflows de verrouillage et d'itération.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Générateur de palettes
Générateur de palettes — Jeux de couleurs basés sur des règles
Générez des palettes avec des règles monochromes, analogues, complémentaires, triadiques ou entièrement aléatoires. Verrouillez les échantillons individuels et continuez à randomiser le reste pour l'exploration de l'interface utilisateur et les dérivés de couleur de marque.
Palette Couleur Harmonie
Convertisseur de couleurs
Convertisseur de couleurs – HEX, RVB, HSL en ligne
Convertissez les couleurs parmi les variables HEX, RVB, HSL, HWB, CMJN et CSS dans votre navigateur. Comprend un sélecteur de couleurs et un assistant de couleurs aléatoires pour le transfert de conception, le travail sur les feuilles de style et l'alignement des couleurs de la marque.
Couleur HEX RVB
Générateur de couleurs pastel
Générateur de couleurs pastel — Palettes douces à faible saturation
Générez des palettes de pastel doux et de style Morandi dans votre navigateur. Choisissez le nombre et le style, verrouillez les échantillons que vous souhaitez conserver et exportez des listes HEX ou des variables CSS pour les graphiques, les arrière-plans et les thèmes d'interface utilisateur doux.
Pastel Palette Couleur