Generateur de palettes

Generez des palettes de couleurs harmonieuses a partir d'une couleur de base. Exportez les codes hex instantanement.

Base Color

Harmony

7 colors

Tailwind Preview

rgb(243, 231, 254)

hsl(271, 92%, 95%)

rgb(208, 162, 251)

hsl(271, 92%, 81%)

rgb(173, 93, 247)

hsl(271, 91%, 67%)

rgb(138, 24, 244)

hsl(271, 91%, 53%)

rgb(101, 9, 187)

hsl(271, 100%, 38%)

rgb(63, 6, 118)

hsl(271, 100%, 24%)

rgb(26, 2, 49)

hsl(271, 100%, 10%)

Tailwind CSS Preview

bg-slate-200bg-purple-400bg-purple-500bg-violet-500bg-indigo-500bg-slate-800bg-slate-900

text-slate-200text-purple-400text-purple-500text-violet-500text-indigo-500text-slate-800text-slate-900

border-slate-200border-purple-400border-purple-500border-violet-500border-indigo-500border-slate-800border-slate-900

Export as

#f3e7fe
#d0a2fb
#ad5df7
#8a18f4
#6509bb
#3f0676
#1a0231

Explorer d'autres Goodies

D'autres outils gratuits par Eguth Studio qui pourraient vous plaire.

Voir tous les Goodies

Colors

Convertisseur Tailwind Colors

Collez une couleur et trouvez la classe Tailwind CSS la plus proche instantanement. Supporte hex, rgb et hsl.

Try it ->

Colors

Generateur de gradients

Designez des gradients CSS lineaires et radiaux. Choisissez les couleurs, la direction, copiez le code.

Try it ->

NewEffects

CSS Filter Playground

Combinez des filtres CSS visuellement — blur, luminosite, contraste, niveaux de gris, rotation de teinte, saturation, sepia et inversion avec apercu en temps reel.

Try it ->

NewEffects

Generateur Clip-Path

Creez des formes CSS clip-path visuellement. Deplacez les points, choisissez des presets et exportez polygon, circle, ellipse ou inset.

Try it ->

NewEffects

Embellisseur de captures

Transformez vos captures d'écran en visuels percutants avec cadres navigateur, mockups appareil, fonds dégradés et export multi-format.

Try it ->

Layout

Generateur de grilles CSS

Construisez des grilles CSS visuellement. Ajustez colonnes, lignes et espacements, puis copiez le code.

Try it ->

Voir tous les Goodies