Creato a 07/12/2025 19:57
Hyperlink Responsive Design Toolkit
- Anchor Blue#0077ff
- Hover Coral#ff715b
- Focus Graphite#2d2d2d
- Visited Violet#8a4fff
- Breakpoint Teal#00c9a7
- Outline Snow#f9f9f9
- Wireframe Olive#a4b764
La tavolozza è composta da Leggero, Buio colori. Colori accentati Hover Coral #ff715b e Breakpoint Teal #00c9a7. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #2D2D2D (più scuro) a #F9F9F9 (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): #0077FF, #00C9A7, #2D2D2D, #8A4FFF, #A4B764, #F9F9F9, #FF715B
La tavolozza Hyperlink Responsive Design Toolkit ha una combinazione di colori dei codici 7:
ESADECIMALE: #0077ff, RGB: (0, 119, 255); ESADECIMALE: #ff715b, RGB: (255, 113, 91); ESADECIMALE: #2d2d2d, RGB: (45, 45, 45)
ESADECIMALE: #8a4fff, RGB: (138, 79, 255); ESADECIMALE: #00c9a7, RGB: (0, 201, 167); ESADECIMALE: #f9f9f9, RGB: (249, 249, 249)
ESADECIMALE: #a4b764, RGB: (164, 183, 100)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Ombra di tomato, Ombra di Nero, Tonalità di mediumslateblue, Tonalità di mediumaquamarine, Ombra di whitesmoke, Tonalità di darkkhaki
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Hyperlink Responsive Design Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #0077ff | #0077ff | RGB(0, 119, 255) | Anchor Blue | Blue Sparkle |
| #ff715b | #ff715b | RGB(255, 113, 91) | Hover Coral | — |
| #2d2d2d | #2d2d2d | RGB(45, 45, 45) | Focus Graphite | — |
| #8a4fff | #8a4fff | RGB(138, 79, 255) | Visited Violet | — |
| #00c9a7 | #00c9a7 | RGB(0, 201, 167) | Breakpoint Teal | — |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Outline Snow | Doctor |
| #a4b764 | #a4b764 | RGB(164, 183, 100) | Wireframe Olive | — |
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 |
#0077ff | #ff715b | 1.52 |
#0077ff | #8a4fff | 1.09 |
#0077ff | #00c9a7 | 1.95 |
#0077ff | #a4b764 | 1.87 |
#ff715b | #8a4fff | 1.67 |
#ff715b | #00c9a7 | 1.27 |
Tavolozza immagini Hyperlink Responsive Design Toolkit png
Esporta tavolozza
Scarica la "Hyperlink Responsive Design Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: