Creato a 07/11/2025 12:42
Web Component Darkflow System
- Slot Black#0f0f0f
- Import Teal#00b4d8
- Shadow DOM Pink#ff6b81
- Style Tag White#fdfdfd
- Gridline Grey#cacaca
- Prop Highlight Yellow#ffe066
La tavolozza è composta da Buio, Leggero colori. Colori accentati Import Teal #00b4d8 e Prop Highlight Yellow #ffe066. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #0F0F0F (più scuro) a #FDFDFD (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).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #00B4D8, #0F0F0F, #CACACA, #FDFDFD, #FF6B81, #FFE066
La tavolozza Web Component Darkflow System ha una combinazione di colori dei codici 6:
ESADECIMALE: #0f0f0f, RGB: (15, 15, 15); ESADECIMALE: #00b4d8, RGB: (0, 180, 216); ESADECIMALE: #ff6b81, RGB: (255, 107, 129)
ESADECIMALE: #fdfdfd, RGB: (253, 253, 253); ESADECIMALE: #cacaca, RGB: (202, 202, 202); ESADECIMALE: #ffe066, RGB: (255, 224, 102)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Tonalità di deepskyblue, Tonalità di lightcoral, Tonalità di Bianco, Ombra di Argento, Ombra di gold
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Web Component Darkflow System codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Slot Black | Chaos Black |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | Import Teal | — |
| #ff6b81 | #ff6b81 | RGB(255, 107, 129) | Shadow DOM Pink | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Style Tag White | Brilliance |
| #cacaca | #cacaca | RGB(202, 202, 202) | Gridline Grey | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Prop Highlight Yellow | — |
Contrasto della palette di colori
7 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 |
#00b4d8 | #ff6b81 | 1.11 |
#00b4d8 | #cacaca | 1.5 |
#00b4d8 | #ffe066 | 1.89 |
#ff6b81 | #cacaca | 1.67 |
#fdfdfd | #cacaca | 1.61 |
#fdfdfd | #ffe066 | 1.28 |
Tavolozza immagini Web Component Darkflow System png
Esporta tavolozza
Scarica la "Web Component Darkflow System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: