Come vengono calcolate le ombre?

Le ombre sono calcolate mescolando il colore base con il bianco (per ombre più chiare 50-400) e il nero (per ombre più scure 600-950), con interpolazione percettualmente bilanciata.

Posso usarlo per il mio sistema di progettazione?

Sì — l'esportazione di configurazione di Tailwind è pronta a incollare nel vostro vento di coda. config.js per colori di marca personalizzati.

Generatore di ombretti di colore

Inserire qualsiasi colore esagonale e generare istantaneamente 10 sfumature (50-950) in stile Tailwind CSS — visualizzare i campioni, fare clic per copiare e esportare le configurazioni.

Base Color

Was this tool helpful?

Send Image to:

How to use Color Shades Generator

Inserire un colore esagonale o utilizzare il raccoglitore di colore.
Visualizza la scala generata a 10 ombre da 50 a 950.
Fare clic su singoli campioni per copiare i codici esagonali, o utilizzare i pulsanti di esportazione per una configurazione completa.

Che cos'e'?

Creare scale cromatiche coerenti è essenziale per i sistemi di progettazione. Questo strumento prende qualsiasi colore esagonale base e genera un set completo di 10 sfumature da 50 (più leggero) a 950 (più scuro), seguendo la convenzione di scala a colori Tailwind CSS. Ogni ombra viene visualizzata come un colore swatch con il suo codice esagonale. Fare clic su qualsiasi orologio per copiare l'esa sul tuo appunti. Esporta la tavolozza completa come valori esagonali, proprietà personalizzate CSS o un oggetto di configurazione Tailwind CSS pronto all'uso

FAQ

Come vengono calcolate le ombre?: Le ombre sono calcolate mescolando il colore base con il bianco (per ombre più chiare 50-400) e il nero (per ombre più scure 600-950), con interpolazione percettualmente bilanciata.
Posso usarlo per il mio sistema di progettazione?: Sì — l'esportazione di configurazione di Tailwind è pronta a incollare nel vostro vento di coda. config.js per colori di marca personalizzati.

Related tools

Author

Aisha Rahmani"The Visual Storyteller"

Design Technologist & Media Specialist

Aisha bridges the gap between pixels and code. With expertise in image processing, SVG optimization, and video compression, she helps creators, designers, and marketers prepare media that looks great and loads fast. She has spoken at design conferences about accessible visual content and has helped agencies reduce page-weight budgets by up to 60 percent without sacrificing creative quality.

📖 Color Shades Generator on Wikipedia·Image Tools on Wikipedia·Color Shades Generator on Britannica

People also use

← Back to Image Tools · All tags

Generatore di ombretti di colore

Something went wrong

How to use Color Shades Generator

Che cos'e'?

FAQ

Related tools

Author

People also use

Ad blocker detected

Keyboard shortcuts