Creato a 02/25/2023 08:15
Ux design interface search bar colors
- Aztec Gold#b4a054
- Azureish White#d6ecf3
- Soldier Green#5c5128
- Green Sheen#78a4a4
- Jet Stream#bccfcf
- Raisin Black#241c24
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Azureish White #d6ecf3 e Soldier Green #5c5128. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #241C24 (più scuro) a #D6ECF3 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
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): #241C24, #5C5128, #78A4A4, #B4A054, #BCCFCF, #D6ECF3
La tavolozza Ux design interface search bar colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #b4a054, RGB: (180, 160, 84); ESADECIMALE: #d6ecf3, RGB: (214, 236, 243); ESADECIMALE: #5c5128, RGB: (92, 81, 40)
ESADECIMALE: #78a4a4, RGB: (120, 164, 164); ESADECIMALE: #bccfcf, RGB: (188, 207, 207); ESADECIMALE: #241c24, RGB: (36, 28, 36)
Versione semplificata della tavolozza dei colori
Tonalità di darkkhaki, Tonalità di azure, Tonalità di darkolivegreen, Ombra di cadetblue, Tonalità di lightblue, Ombra di Nero
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Ux design interface search bar colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #b4a054 | #b4a054 | RGB(180, 160, 84) | Aztec Gold | — |
| #d6ecf3 | #d6ecf3 | RGB(214, 236, 243) | Azureish White | — |
| #5c5128 | #5c5128 | RGB(92, 81, 40) | Soldier Green | — |
| #78a4a4 | #78a4a4 | RGB(120, 164, 164) | Green Sheen | — |
| #bccfcf | #bccfcf | RGB(188, 207, 207) | Jet Stream | — |
| #241c24 | #241c24 | RGB(36, 28, 36) | Raisin Black | — |
Contrasto della palette di colori
4 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 |
|---|---|---|
#b4a054 | #78a4a4 | 1.05 |
#b4a054 | #bccfcf | 1.6 |
#d6ecf3 | #bccfcf | 1.32 |
#78a4a4 | #bccfcf | 1.69 |
Tavolozza immagini Ux design interface search bar colors png
Esporta tavolozza
Scarica la "Ux design interface search bar colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: