CColorWell
Obtenir ColorWell
Boîte à outils Palette + Accessibilité

De belles palettes. Un contraste vérifié. Un seul flux de travail.

Insérez une couleur de marque. Obtenez une palette harmonisée, chaque verdict WCAG et des exports pour CSS, Tailwind et Figma — sans quitter la page.

Offres dès $9/mois — résiliable à tout moment

En direct — fonctionne ici même

Générer une palette

Choisissez une couleur de marque. ColorWell se charge du reste.

Analogique

Nuances (clair → foncé)

Exporter

Télécharger les tokens de design

Pro

Enregistrez la palette complète et la gamme de nuances en fichiers prêts à l'emploi.

Passez à Pro pour télécharger les fichiers

Vérification du contraste

Associez deux couleurs quelconques de la palette. ColorWell affiche le verdict WCAG.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Ratio

Verdict: Ne respecte pas les WCAG

Tout ce dont une palette de marque a besoin

Conçu pour les designers actifs et les équipes front-end qui livrent des interfaces au quotidien.

Palettes harmonisées

Choisissez n'importe quelle couleur hex. ColorWell génère des schémas analogues, complémentaires, triadiques et monochromatiques en un clic.

Contraste WCAG — instantané

Chaque paire de couleurs de votre palette reçoit un verdict AA/AAA pour le texte, le grand texte et les composants UI.

Exports CSS, Tailwind, Figma

Export en un clic vers des variables CSS, une config Tailwind, des tokens JSON bruts ou des styles Figma prêts à coller.

Variations fidèles à la marque

Éclaircissez, assombrissez et saturez sans dériver la teinte. ColorWell reste dans l'espace colorimétrique perceptuel (Oklch).

Tokens nommés

Des noms automatiques comme "indigo-500" ou "slate-700" rendent votre feuille de style lisible par les humains, pas seulement par les codes hex.

Sauvegarder et synchroniser les palettes

Chaque palette créée vous appartient — nommez-la, étiquetez-la, revenez-y plus tard. Synchronisation cloud pour Pro.

Trois étapes

Partez d'une seule couleur de marque. Terminez avec une feuille de style opérationnelle.

1

Choisir

Saisissez une valeur hexadécimale ou utilisez le sélecteur de couleurs.

2

Générer

ColorWell crée des palettes harmonisées et effectue tous les contrôles de contraste.

3

Exporter

Copiez les tokens CSS, Tailwind ou Figma directement dans votre base de code.

Tarification simple

Choisissez une formule et cessez de vous battre avec les codes hex.

Un seul abonnement pour tous les outils BestPaid, sauf TradePulse, vendu séparément — consultez le catalogue complet sur bestpaid.app/saas.

Starter

Pour les designers indépendants

$9/mo
  • 100 palettes enregistrées / mois
  • Contrôles de contraste illimités
  • Export CSS / Tailwind / JSON
  • Variations conformes à la marque
Le plus populaire
Pro

Pour les équipes de marque

$19/mo
  • 2000 palettes sauvegardées / mois
  • Export de jetons Figma
  • Kit de marque (projets multi-palettes)
  • Bibliothèques synchronisées dans le cloud
  • Support prioritaire

Foire aux questions

Dois-je installer quelque chose ?

Non. ColorWell fonctionne entièrement dans le navigateur — vos couleurs ne quittent jamais votre machine tant que vous ne choisissez pas de les synchroniser.

Quel espace colorimétrique utilisez-vous ?

ColorWell fonctionne avec Oklch en coulisse — les variations restent dans l'espace colorimétrique perceptuel, de sorte que l'éclaircissement d'une couleur de marque ne dérive pas sa teinte.

Comment fonctionnent les exports ?

Copiez en un clic dans le presse-papiers pour les variables CSS, les blocs de configuration Tailwind, le JSON brut ou les styles prêts pour Figma. Collez-les directement dans votre code ou votre outil de conception.

Obtiens-je une période d'essai gratuite ?

Non — c'est un outil payant avec des offres à partir de $9 par mois. Starter est à $9/mois et Pro à $19/mois ; vous pouvez annuler à tout moment.

Comment puis-je annuler ?

Depuis la page de compte, ou en nous envoyant un e-mail. L'annulation arrête le prochain renouvellement — votre temps restant reste utilisable.

Arrêtez d'ajuster manuellement les codes hexadécimaux.

Générez la palette, livrez la feuille de style — tout en un seul endroit.

Voir les forfaits