App design product mobile apps development
- International Orange (Golden Gate Bridge)#c42e26
- Light Salmon#f6a47c
- UP Maroon#71140a
- Copper Rose#96716a
- Beau Blue#b7dbd7
- Caput Mortuum#573129
Creato il 04/28/2022 08:55
La tavolozza è composta da Semi scuro, Chiaro, Scuro colori. Colori d'accento Light Salmon #f6a47c e Beau Blue #b7dbd7. La tavolozza ha la temperatura del colore Caldo, Freddo.
Per luminosità, la tavolozza va da #71140A (più scuro) a #B7DBD7 (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — 1 smorzati e 3 vivaci su 6 colori.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al caldo (5 su 6).
Codici HEX (ordinati): #573129, #71140A, #96716A, #B7DBD7, #C42E26, #F6A47C
La tavolozza App design product mobile apps development combina 6 codici colore:
HEX: #c42e26, RGB: (196, 46, 38); HEX: #f6a47c, RGB: (246, 164, 124); HEX: #71140a, RGB: (113, 20, 10)
HEX: #96716a, RGB: (150, 113, 106); HEX: #b7dbd7, RGB: (183, 219, 215); HEX: #573129, RGB: (87, 49, 41)
Versione semplificata della tavolozza dei colori
Tinta di Rosso mattone, Sfumatura di Salmone chiaro, Tinta di Bordeaux, Sfumatura di Marrone rosato, Sfumatura di Blu polvere, Tinta di Bordeaux
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
App design product mobile apps development codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #c42e26 | #c42e26 | RGB(196, 46, 38) | International Orange (Golden Gate Bridge) | — |
| #f6a47c | #f6a47c | RGB(246, 164, 124) | Light Salmon | — |
| #71140a | #71140a | RGB(113, 20, 10) | UP Maroon | — |
| #96716a | #96716a | RGB(150, 113, 106) | Copper Rose | — |
| #b7dbd7 | #b7dbd7 | RGB(183, 219, 215) | Beau Blue | — |
| #573129 | #573129 | RGB(87, 49, 41) | Caput Mortuum | — |
Contrasto della palette di colori
3 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 |
|---|---|---|
#c42e26 | #96716a | 1.29 |
#f6a47c | #b7dbd7 | 1.34 |
#71140a | #573129 | 1.03 |
Tavolozza immagini App design product mobile apps development png
Esporta tavolozza
Scarica la "App design product mobile apps development" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: