Creato a 06/06/2025 11:01
React Virtual Skyline
- JSX Neon Sky#00cfff
- Hook Cherry Pop#ff5c8d
- State Clay#c6c9b7
- DOM Obsidian#1b1b1e
- Memo Lilac Mist#d0a3bf
- Context Vanilla Ice#f6f3f0
La tavolozza è composta da Leggero, Buio colori. Colori accentati JSX Neon Sky #00cfff e Hook Cherry Pop #ff5c8d. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #1B1B1E (più scuro) a #F6F3F0 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #00CFFF, #1B1B1E, #C6C9B7, #D0A3BF, #F6F3F0, #FF5C8D
La tavolozza React Virtual Skyline ha una combinazione di colori dei codici 6:
ESADECIMALE: #00cfff, RGB: (0, 207, 255); ESADECIMALE: #ff5c8d, RGB: (255, 92, 141); ESADECIMALE: #c6c9b7, RGB: (198, 201, 183)
ESADECIMALE: #1b1b1e, RGB: (27, 27, 30); ESADECIMALE: #d0a3bf, RGB: (208, 163, 191); ESADECIMALE: #f6f3f0, RGB: (246, 243, 240)
Versione semplificata della tavolozza dei colori
Ombra di deepskyblue, Tonalità di palevioletred, Ombra di Argento, Ombra di Nero, Tonalità di thistle, Tonalità di whitesmoke
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
React Virtual Skyline codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #00cfff | #00cfff | RGB(0, 207, 255) | JSX Neon Sky | — |
| #ff5c8d | #ff5c8d | RGB(255, 92, 141) | Hook Cherry Pop | — |
| #c6c9b7 | #c6c9b7 | RGB(198, 201, 183) | State Clay | — |
| #1b1b1e | #1b1b1e | RGB(27, 27, 30) | DOM Obsidian | — |
| #d0a3bf | #d0a3bf | RGB(208, 163, 191) | Memo Lilac Mist | — |
| #f6f3f0 | #f6f3f0 | RGB(246, 243, 240) | Context Vanilla Ice | — |
Contrasto della palette di colori
9 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 |
#00cfff | #ff5c8d | 1.58 |
#00cfff | #c6c9b7 | 1.09 |
#00cfff | #d0a3bf | 1.17 |
#00cfff | #f6f3f0 | 1.67 |
#ff5c8d | #c6c9b7 | 1.73 |
#ff5c8d | #d0a3bf | 1.34 |
Tavolozza immagini React Virtual Skyline png
Esporta tavolozza
Scarica la "React Virtual Skyline" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: