Creato a 06/30/2025 17:45
Hyperlink UI Interaction Suite
- Click Indigo#4339f2
- Hover Pink#ff5ca8
- Visited Blue#0077cc
- Focus Cream#fffdf5
- Target Grey#6e7a8a
- Panel Beige#f4f1de
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Visited Blue #0077cc e Focus Cream #fffdf5. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #0077CC (più scuro) a #FFFDF5 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
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): #0077CC, #4339F2, #6E7A8A, #F4F1DE, #FF5CA8, #FFFDF5
La tavolozza Hyperlink UI Interaction Suite ha una combinazione di colori dei codici 6:
ESADECIMALE: #4339f2, RGB: (67, 57, 242); ESADECIMALE: #ff5ca8, RGB: (255, 92, 168); ESADECIMALE: #0077cc, RGB: (0, 119, 204)
ESADECIMALE: #fffdf5, RGB: (255, 253, 245); ESADECIMALE: #6e7a8a, RGB: (110, 122, 138); ESADECIMALE: #f4f1de, RGB: (244, 241, 222)
Versione semplificata della tavolozza dei colori
Ombra di Blu, Tonalità di hotpink, Tonalità di steelblue, Ombra di floralwhite, Tonalità di slategrey, Tonalità di beige
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Hyperlink UI Interaction Suite codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #4339f2 | #4339f2 | RGB(67, 57, 242) | Click Indigo | — |
| #ff5ca8 | #ff5ca8 | RGB(255, 92, 168) | Hover Pink | — |
| #0077cc | #0077cc | RGB(0, 119, 204) | Visited Blue | — |
| #fffdf5 | #fffdf5 | RGB(255, 253, 245) | Focus Cream | — |
| #6e7a8a | #6e7a8a | RGB(110, 122, 138) | Target Grey | — |
| #f4f1de | #f4f1de | RGB(244, 241, 222) | Panel Beige | — |
Contrasto della palette di colori
6 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 |
|---|---|---|
#4339f2 | #0077cc | 1.45 |
#4339f2 | #6e7a8a | 1.54 |
#ff5ca8 | #0077cc | 1.62 |
#ff5ca8 | #6e7a8a | 1.52 |
#0077cc | #6e7a8a | 1.06 |
#fffdf5 | #f4f1de | 1.11 |
Tavolozza immagini Hyperlink UI Interaction Suite png
Esporta tavolozza
Scarica la "Hyperlink UI Interaction Suite" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: