Creato a 07/08/2025 20:07
Retrofuture Web Component Lab
- Tape Yellow#ffd23f
- Form Pink#ffcad4
- Pixel Aqua#70d6ff
- Retro Gray#a0a0a0
- UI Card Navy#253237
- Cursor White#fafafa
La tavolozza è composta da Leggero, Buio colori. Colori accentati Form Pink #ffcad4 e Pixel Aqua #70d6ff. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #253237 (più scuro) a #FAFAFA (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 freddo.
Codici HEX (ordinati): #253237, #70D6FF, #A0A0A0, #FAFAFA, #FFCAD4, #FFD23F
La tavolozza Retrofuture Web Component Lab ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffd23f, RGB: (255, 210, 63); ESADECIMALE: #ffcad4, RGB: (255, 202, 212); ESADECIMALE: #70d6ff, RGB: (112, 214, 255)
ESADECIMALE: #a0a0a0, RGB: (160, 160, 160); ESADECIMALE: #253237, RGB: (37, 50, 55); ESADECIMALE: #fafafa, RGB: (250, 250, 250)
Versione semplificata della tavolozza dei colori
Ombra di gold, Ombra di Rosa, Ombra di skyblue, Tonalità di darkgrey, Tonalità di darkslategrey, Ombra di whitesmoke
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Retrofuture Web Component Lab codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffd23f | #ffd23f | RGB(255, 210, 63) | Tape Yellow | — |
| #ffcad4 | #ffcad4 | RGB(255, 202, 212) | Form Pink | — |
| #70d6ff | #70d6ff | RGB(112, 214, 255) | Pixel Aqua | — |
| #a0a0a0 | #a0a0a0 | RGB(160, 160, 160) | Retro Gray | — |
| #253237 | #253237 | RGB(37, 50, 55) | UI Card Navy | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Cursor White | Dr. White |
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 |
#ffd23f | #ffcad4 | 1 |
#ffd23f | #70d6ff | 1.14 |
#ffd23f | #a0a0a0 | 1.81 |
#ffd23f | #fafafa | 1.38 |
#ffcad4 | #70d6ff | 1.14 |
#ffcad4 | #a0a0a0 | 1.82 |
Tavolozza immagini Retrofuture Web Component Lab png
Esporta tavolozza
Scarica la "Retrofuture Web Component Lab" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: