Creato a 07/07/2025 17:17
UX Pattern Recognition Engine
- Figma Lavender#b39cd0
- Neural Dust#e0dfd5
- Wireframe Sky#c7e9f1
- Clickstream Slate#4f5d75
- Layer Aqua#a8dadc
- Prototype Signal Red#e63946
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Wireframe Sky #c7e9f1 e Prototype Signal Red #e63946. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #4F5D75 (più scuro) a #C7E9F1 (più chiaro). L’intervallo di luminosità è moderato.
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): #4F5D75, #A8DADC, #B39CD0, #C7E9F1, #E0DFD5, #E63946
La tavolozza UX Pattern Recognition Engine ha una combinazione di colori dei codici 6:
ESADECIMALE: #b39cd0, RGB: (179, 156, 208); ESADECIMALE: #e0dfd5, RGB: (224, 223, 213); ESADECIMALE: #c7e9f1, RGB: (199, 233, 241)
ESADECIMALE: #4f5d75, RGB: (79, 93, 117); ESADECIMALE: #a8dadc, RGB: (168, 218, 220); ESADECIMALE: #e63946, RGB: (230, 57, 70)
Versione semplificata della tavolozza dei colori
Tonalità di plum, Ombra di gainsboro, Ombra di lightblue, Tonalità di dimgrey, Tonalità di powderblue, Ombra di crimson
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
UX Pattern Recognition Engine codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #b39cd0 | #b39cd0 | RGB(179, 156, 208) | Figma Lavender | — |
| #e0dfd5 | #e0dfd5 | RGB(224, 223, 213) | Neural Dust | — |
| #c7e9f1 | #c7e9f1 | RGB(199, 233, 241) | Wireframe Sky | — |
| #4f5d75 | #4f5d75 | RGB(79, 93, 117) | Clickstream Slate | — |
| #a8dadc | #a8dadc | RGB(168, 218, 220) | Layer Aqua | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Prototype Signal Red | — |
Contrasto della palette di colori
8 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 |
#b39cd0 | #e0dfd5 | 1.82 |
#b39cd0 | #c7e9f1 | 1.9 |
#b39cd0 | #a8dadc | 1.59 |
#b39cd0 | #e63946 | 1.7 |
#e0dfd5 | #c7e9f1 | 1.04 |
#e0dfd5 | #a8dadc | 1.14 |
Tavolozza immagini UX Pattern Recognition Engine png
Esporta tavolozza
Scarica la "UX Pattern Recognition Engine" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: