Usare i colori con Tailwind Css è molto semplice.
È sufficiente utilizzare la seguente struttura:
selettore–colore–peso_cromatico
Esempio:
.bg-red-500 / .text-red-500 / .border-red-500I selettori a disposizione sono:
- sfondo (bg)
- testo (text)
- bordo (border)
I colori a disposizione sono:
- Nero e bianco – black and white (che sono gli unici colori ad essere usati senza peso poiché colori puri)
- Grigio (esempio bg-grey-100)
- Rosso (esempio text-red-900)
- Arancione (esempio border-orange-200)
- Giallo (esempio bg-orange-100)
- Verde (esempio bg-green-200)
- Turchese (esempio bg-teal-300)
- Blu (esempio bg-blue-100)
- Indaco (esempio bg-indigo-200)
- Viola (esempio bg-purple-100)
- Rosa (esempio bg-pink-100)
I pesi / sfumature a disposizione sono da 100 a 900. Dal meno luminoso al più scuro.
Per vedere un elenco riassuntivo è sufficiente esplorare la tabella fornita dalla guida ufficiale sui colori di Tailwind.
Rispondi