UX-Focused Interface Stack
- Hierarchy Indigo#5a55a3
- Visual Ivory#fffdfb
- Signal Red#ff6f69
- Call To Action Mint#88f0a4
- Guide Teal#00ced1
- Prototype Rose#fdc5c5
Creato il 06/20/2025 07:33
La tavolozza è composta da Semi scuro, Chiaro colori. Colori d'accento Visual Ivory #fffdfb e Guide Teal #00ced1. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #5A55A3 (più scuro) a #FFFDFB (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto) — il 83% 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 (3 su 6).
Codici HEX (ordinati): #00CED1, #5A55A3, #88F0A4, #FDC5C5, #FF6F69, #FFFDFB
La tavolozza UX-Focused Interface Stack combina 6 codici colore:
HEX: #5a55a3, RGB: (90, 85, 163); HEX: #fffdfb, RGB: (255, 253, 251); HEX: #ff6f69, RGB: (255, 111, 105)
HEX: #88f0a4, RGB: (136, 240, 164); HEX: #00ced1, RGB: (0, 206, 209); HEX: #fdc5c5, RGB: (253, 197, 197)
Versione semplificata della tavolozza dei colori
Sfumatura di Blu ardesia, Sfumatura di Bianco, Sfumatura di Salmone, Tinta di Verde chiaro, Turchese scuro, Tinta di Rosa
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
UX-Focused Interface Stack codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #5a55a3 | #5a55a3 | RGB(90, 85, 163) | Hierarchy Indigo | — |
| #fffdfb | #fffdfb | RGB(255, 253, 251) | Visual Ivory | — |
| #ff6f69 | #ff6f69 | RGB(255, 111, 105) | Signal Red | — |
| #88f0a4 | #88f0a4 | RGB(136, 240, 164) | Call To Action Mint | — |
| #00ced1 | #00ced1 | RGB(0, 206, 209) | Guide Teal | Darkturquoise |
| #fdc5c5 | #fdc5c5 | RGB(253, 197, 197) | Prototype Rose | — |
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 |
|---|---|---|
#fffdfb | #88f0a4 | 1.37 |
#fffdfb | #00ced1 | 1.92 |
#fffdfb | #fdc5c5 | 1.48 |
#ff6f69 | #88f0a4 | 1.94 |
#ff6f69 | #00ced1 | 1.39 |
#ff6f69 | #fdc5c5 | 1.8 |
Tavolozza immagini UX-Focused Interface Stack png
Esporta tavolozza
Scarica la "UX-Focused Interface Stack" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: