Config
Nombre : 8, style Morandi, préfixe pastel
Sortie
--pastel-1: #c9b8a8; ...
Outils de design
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.
PastelPaletteCouleur
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.
设计配色
Générateur de couleurs pastel
Click generating to harness beautiful low-saturation, high-lightness pastel (Macaron / Morandi) aesthetics suitable for modern background components.
CSS 变量
等待生成调色板。算法思路
Traditional random hex strings produce muddy and stark colors. Pastel algorithms strictly enforce H (0-360 random), S (60-80% saturation), and L (75-90% lightness) in HSL space, then convert explicitly to hex code ensuring safe UI visibility harmony without any design skill prerequisite.
Cas d’usage
- Créez une série logicielle pour les graphiques
- Générez des couleurs d'arrière-plan et de balise à faible saturation
- Exportez des variables CSS préfixées pour un thème
Mode d’emploi
- Choisissez le nombre et le style (doux, chaud, froid, Morandi ou mono)
- Générez, puis verrouillez tous les échantillons que vous souhaitez conserver
- Copiez la liste HEX ou les variables CSS
Exemples d’entrée et de sortie
FAQ
Comment les couleurs sont-elles générées ?
Les échantillons sont dessinés en HSL dans une plage de luminosité élevée et de faible saturation, et non de valeurs hexadécimales entièrement aléatoires.
Puis-je changer le préfixe de la variable CSS ?
Oui. Modifiez le préfixe et les noms exportés tels que --prefix-1 pour qu'ils correspondent.
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
Harmoniseur de couleurs
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.
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