Loading...
Creato a 03/26/2022 21:45
Webdesign ui landingpage ux
- Frostbite#d629b1
- Atomic Tangerine#f69e6c
- Russian Violet#351b53
- Liberty#545cac
- Wild Blue Yonder#abb8d2
- Maximum Purple#7c3c84
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Atomic Tangerine #f69e6c e Liberty #545cac. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #351B53 (più scuro) a #ABB8D2 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione è in una fascia media.
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): #351B53, #545CAC, #7C3C84, #ABB8D2, #D629B1, #F69E6C
La tavolozza Webdesign ui landingpage ux ha una combinazione di colori dei codici 6:
ESADECIMALE: #d629b1, RGB: (214, 41, 177); ESADECIMALE: #f69e6c, RGB: (246, 158, 108); ESADECIMALE: #351b53, RGB: (53, 27, 83)
ESADECIMALE: #545cac, RGB: (84, 92, 172); ESADECIMALE: #abb8d2, RGB: (171, 184, 210); ESADECIMALE: #7c3c84, RGB: (124, 60, 132)
Versione semplificata della tavolozza dei colori
Ombra di mediumvioletred, Tonalità di lightsalmon, Ombra di midnightblue, Tonalità di slateblue, Tonalità di lightsteelblue, Ombra di darkmagenta
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Webdesign ui landingpage ux codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #d629b1 | #d629b1 | RGB(214, 41, 177) | Frostbite | — |
| #f69e6c | #f69e6c | RGB(246, 158, 108) | Atomic Tangerine | — |
| #351b53 | #351b53 | RGB(53, 27, 83) | Russian Violet | — |
| #545cac | #545cac | RGB(84, 92, 172) | Liberty | — |
| #abb8d2 | #abb8d2 | RGB(171, 184, 210) | Wild Blue Yonder | — |
| #7c3c84 | #7c3c84 | RGB(124, 60, 132) | Maximum Purple | — |
Contrasto della palette di colori
5 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 |
#d629b1 | #545cac | 1.37 |
#d629b1 | #7c3c84 | 1.69 |
#f69e6c | #abb8d2 | 1.04 |
#351b53 | #7c3c84 | 1.97 |
#545cac | #7c3c84 | 1.23 |
Tavolozza immagini Webdesign ui landingpage ux png
Esporta tavolozza
Scarica la "Webdesign ui landingpage ux" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: