Vai al contenuto
🛠️ToolsShed

Generatore di Tinte di Opacità

Genera una tavolozza completa di tinte da qualsiasi colore con variazioni di opacità.

Tavolozza tinte
50#f7f7feCopia
100#eff0feCopia
200#e0e0fcCopia
300#d0d1fbCopia
400#c1c2f9Copia
500#b1b3f8Copia
600#a1a3f7Copia
700#9294f5Copia
800#8285f4Copia
900#7375f2Copia

Informazioni sullo strumento

Un generatore di tinte di opacità è un'utilità di design che crea una palette di colori completa da un singolo colore base mescolandolo a diversi livelli di opacità. Invece di calcolare manualmente come appare un colore al 10%, 30%, 50% e così via, questo strumento genera l'intero spettro istantaneamente, rendendolo perfetto per i designer e gli sviluppatori che creano interfacce utente coerenti.

Lo strumento funziona prendendo il colore scelto e producendo variazioni a livelli di opacità definiti—utilizzando la convenzione di denominazione standard di Tailwind (50–900) oppure semplici passaggi percentuali (10%–100%). Puoi copiare istantaneamente qualsiasi campione come codice hex o come valore CSS rgba(), quindi incollarlo direttamente nei tuoi fogli di stile. Questo è particolarmente utile quando progetti pulsanti, sfondi, sovrapposizioni e stati hover che derivano tutti da un singolo colore del marchio.

Domande Frequenti

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.