Tirez une palette, vérifiez-la, déclinez-la, exportez-la — gratuit, dans votre navigateur.
--palette-color1: #38bdf8; --palette-color2: #0D3748; --palette-color3: #FFFFFF;
Rien à installer, rien à signer. Tous les outils travaillent sur la même palette et chaque calcul reste dans votre navigateur.
Ouvrir l'éditeur →Tirez une palette avec des schémas complémentaire, analogue, triadique, complémentaire divisé ou monochrome, puis ajustez chaque couleur à la main.
Complémentaire · Triadique · Monochrome
Testez n'importe quelle paire de couleurs contre WCAG, avec des ratios réels calculés à la frappe.
AA 4.5:1 · AAA 7:1 · UI 3:1
Transformez une couleur en rampe 50–900 qui préserve teinte et saturation.
50 · 500 · 900
Déposez une photo et sortez sa palette par regroupement k-means.
K-means · 5+ couleurs · Local
Vingt-trois couleurs nommées, avec leur psychologie, leur usage et leurs meilleures associations.
Psychologie · Usage · Associations
La vôtre, tirée à l'instant
6.6:1 AA
Ouvrir dans l'éditeurD'abord, tirez une palette : cinq couleurs d'un schéma, ou à la main.
6.6:1 · AA
Ensuite, vérifiez chaque paire contre WCAG, avec de vrais ratios AA et AAA.
Puis étirez n'importe quelle couleur en rampe 50–900 en gardant sa teinte.
--palette-color1: #38bdf8; --palette-color2: #0D3748; --palette-color3: #FFFFFF;
Enfin, collez-la dans votre projet : CSS, Tailwind, SCSS ou JSON.
Sans publicité
La page ne charge aucun script publicitaire. Un compteur anonyme attend votre accord.
Local
Le calcul des couleurs et l'extraction d'images tournent dans votre onglet. Vos photos ne sont jamais envoyées.
Gratuit
Tous les outils sont gratuits. Un compte n'est nécessaire que pour garder vos palettes.
5 langues
Anglais, espagnol, portugais, français et allemand.
AA · AAA
Contraste directement issu de la formule WCAG : 4,5:1 pour AA, 7:1 pour AAA.
4 formats
Variables CSS, Tailwind, SCSS et tokens JSON, prêts à coller.
20 palettes
Une bibliothèque de départ, 23 guides de couleur et une galerie de ce que les autres ont tiré.
Ouvrez l'éditeur et tirez une palette. Gratuit, sans compte, et rien ne quitte votre navigateur.
