Tailwind Neon Grid
- Utility Electric Lime#ccff00
- Responsive Pink Glow#ff33cc
- Breakpoint Ocean#0077ff
- Hover Neon Yellow#ffff33
- Custom Cyan#00ffff
- Flex Violet#9b30ff
Creato il 06/05/2025 20:28
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Hover Neon Yellow #ffff33 e Custom Cyan #00ffff. La tavolozza ha la temperatura del colore Caldo, Freddo.
Per luminosità, la tavolozza va da #9B30FF (più scuro) a #FFFF33 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto) — il 100% dei colori è vivido.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al freddo (4 su 6).
Codici HEX (ordinati): #0077FF, #00FFFF, #9B30FF, #CCFF00, #FF33CC, #FFFF33
La tavolozza Tailwind Neon Grid combina 6 codici colore:
HEX: #ccff00, RGB: (204, 255, 0); HEX: #ff33cc, RGB: (255, 51, 204); HEX: #0077ff, RGB: (0, 119, 255)
HEX: #ffff33, RGB: (255, 255, 51); HEX: #00ffff, RGB: (0, 255, 255); HEX: #9b30ff, RGB: (155, 48, 255)
Versione semplificata della tavolozza dei colori
Tinta di Verde giallo, Tinta di Magenta, Sfumatura di Blu reale, Tinta di Giallo, Ciano, Tinta di Blu violetto
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Tailwind Neon Grid codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #ccff00 | #ccff00 | RGB(204, 255, 0) | Utility Electric Lime | Electric Lime |
| #ff33cc | #ff33cc | RGB(255, 51, 204) | Responsive Pink Glow | Razzle Dazzle Rose |
| #0077ff | #0077ff | RGB(0, 119, 255) | Breakpoint Ocean | Blue Sparkle |
| #ffff33 | #ffff33 | RGB(255, 255, 51) | Hover Neon Yellow | Big Yellow Taxi |
| #00ffff | #00ffff | RGB(0, 255, 255) | Custom Cyan | Aqua |
| #9b30ff | #9b30ff | RGB(155, 48, 255) | Flex Violet | Purple1 |
Contrasto della palette di colori
6 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
|---|---|---|
#ccff00 | #ffff33 | 1.09 |
#ccff00 | #00ffff | 1.06 |
#ff33cc | #0077ff | 1.29 |
#ff33cc | #9b30ff | 1.54 |
#0077ff | #9b30ff | 1.19 |
#ffff33 | #00ffff | 1.17 |
Tavolozza immagini Tailwind Neon Grid png
Esporta tavolozza
Scarica la "Tailwind Neon Grid" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: