Creato a 06/08/2025 14:29
Responsive Design Fluid Fields
- Breakpoint Azure#4ea8de
- Viewport Beige#f7f1ed
- Column Bronze#dab785
- Container Dust#a1a1a1
- Aspect Purple#a267ac
- Flex Alignment Black#101010
La tavolozza è composta da Leggero, Buio colori. Colori accentati Breakpoint Azure #4ea8de e Column Bronze #dab785. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #101010 (più scuro) a #F7F1ED (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): #101010, #4EA8DE, #A1A1A1, #A267AC, #DAB785, #F7F1ED
La tavolozza Responsive Design Fluid Fields ha una combinazione di colori dei codici 6:
ESADECIMALE: #4ea8de, RGB: (78, 168, 222); ESADECIMALE: #f7f1ed, RGB: (247, 241, 237); ESADECIMALE: #dab785, RGB: (218, 183, 133)
ESADECIMALE: #a1a1a1, RGB: (161, 161, 161); ESADECIMALE: #a267ac, RGB: (162, 103, 172); ESADECIMALE: #101010, RGB: (16, 16, 16)
Versione semplificata della tavolozza dei colori
Ombra di deepskyblue, Ombra di linen, Tonalità di burlywood, Tonalità di darkgrey, Tonalità di mediumorchid, Ombra di Nero
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Responsive Design Fluid Fields codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #4ea8de | #4ea8de | RGB(78, 168, 222) | Breakpoint Azure | — |
| #f7f1ed | #f7f1ed | RGB(247, 241, 237) | Viewport Beige | — |
| #dab785 | #dab785 | RGB(218, 183, 133) | Column Bronze | — |
| #a1a1a1 | #a1a1a1 | RGB(161, 161, 161) | Container Dust | Gray63 |
| #a267ac | #a267ac | RGB(162, 103, 172) | Aspect Purple | — |
| #101010 | #101010 | RGB(16, 16, 16) | Flex Alignment Black | — |
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 |
#4ea8de | #dab785 | 1.39 |
#4ea8de | #a1a1a1 | 1.01 |
#4ea8de | #a267ac | 1.57 |
#f7f1ed | #dab785 | 1.69 |
#dab785 | #a1a1a1 | 1.36 |
#a1a1a1 | #a267ac | 1.6 |
Tavolozza immagini Responsive Design Fluid Fields png
Esporta tavolozza
Scarica la "Responsive Design Fluid Fields" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: