Générateur de palette de couleurs

Partez d’une couleur que vous aimez ou laissez le hasard vous surprendre, puis gardez les teintes qui fonctionnent.

Scellé sur cet appareil

Fonctionne dans votre navigateur. Rien n’est envoyé.

Scellé

Votre palette

    Astuce : appuyez sur la barre d’espace pour une nouvelle palette.

    Réglages

    Construit la palette autour de la couleur de base. Les couleurs verrouillées sont conservées.

    Export

    
                

    Comment ça marche

    1. Choisissez une base ou le hasard

      Saisissez une couleur de base et choisissez une harmonie, ou appuyez sur « Nouvelle palette » (ou sur la barre d’espace) pour en obtenir une nouvelle.

    2. Verrouillez ce qui vous plaît

      Verrouillez les couleurs à garder, puis générez à nouveau : seules les couleurs déverrouillées changent. Cliquez sur une pastille pour l’ajuster à la main.

    3. Exportez votre palette

      Copiez-la en variables CSS ou en JSON pour votre code, ou téléchargez un PNG à partager avec votre équipe.

    Questions fréquentes

    Que signifient les harmonies ?

    Elles viennent du cercle chromatique. Les couleurs analogues sont voisines et donnent une impression de calme. Les couleurs complémentaires sont opposées et créent du contraste. Les complémentaires adjacentes, la triade et le carré répartissent les couleurs régulièrement sur le cercle pour des palettes plus vives. Le monochrome utilise des versions plus claires et plus foncées d’une même teinte.

    Comment fonctionne le verrouillage ?

    Sélectionnez le cadenas sous une couleur pour la garder. Quand vous générez une nouvelle palette, les couleurs verrouillées restent exactement à leur place et les nouvelles sont choisies pour s’accorder avec elles.

    Pourquoi les couleurs paraissent-elles si équilibrées ?

    Les palettes sont construites en OKLCH, un espace colorimétrique conçu d’après la vision humaine. Y faire tourner la teinte conserve la luminosité et l’intensité, si bien qu’aucune couleur ne paraît étonnamment vive ou terne à côté des autres.

    Comment utiliser la palette dans mon projet ?

    Copiez l’export CSS et collez-le dans votre feuille de style : vous obtenez des variables comme --color-1, utilisables partout. L’export JSON liste chaque couleur en HEX, RGB et OKLCH pour vos design tokens ou vos scripts.

    Puis-je utiliser les palettes à des fins commerciales ?

    Oui. Les couleurs n’appartiennent à personne, et les palettes que vous créez ici sont à vous. Utilisez-les librement, dans vos projets personnels comme professionnels.

    Installer One For All sur votre ordinateur

    One For All s’ouvre alors dans sa propre fenêtre, comme une application, directement depuis votre bureau ou votre écran d’accueil. Rien à télécharger dans un magasin d’applications, et vos fichiers restent toujours sur votre appareil.

    1. Cliquez sur l’icône d’installation à droite de la barre d’adresse, ou ouvrez le menu du navigateur (⋮).
    2. Choisissez « Installer One For All » ou « Installer la page en tant qu’application » : un raccourci s’ajoute à votre bureau et à vos applications.

    Télécharger le moteur de cet outil ?

    Cet outil fonctionne entièrement dans votre navigateur. Pour cela, il doit télécharger une seule fois les éléments ci-dessous depuis One For All. Ils sont ensuite gardés sur cet appareil : la prochaine fois, l’outil démarre tout de suite.

    Vos fichiers, eux, ne sont jamais envoyés.