Orange palette Materialize CSS
- orange lighten-5#fff3e0
- orange lighten-4#ffe0b2
- orange lighten-3#ffcc80
- orange lighten-2#ffb74d
- orange lighten-1#ffa726
- orange#ff9800
- orange darken-1#fb8c00
- orange darken-2#f57c00
- orange darken-3#ef6c00
- orange darken-4#e65100
- orange accent-1#ffd180
- orange accent-2#ffab40
- orange accent-3#ff9100
- orange accent-4#ff6d00
Creato il 12/27/2017 21:15
La tavolozza è composta da Chiaro colori. Colori d'accento orange lighten-5 #fff3e0 e orange lighten-4 #ffe0b2. La tavolozza ha la temperatura del colore Neutro, Caldo.
Per luminosità, la tavolozza va da #E65100 (più scuro) a #FFF3E0 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto) — il 100% dei colori è vivido.
Una palette analoga: le sue tonalità sono vicine sulla ruota dei colori, entro circa 17°.
Complessivamente la temperatura tende al caldo (13 su 14).
Codici HEX (ordinati): #E65100, #EF6C00, #F57C00, #FB8C00, #FF6D00, #FF9100, #FF9800, #FFA726, #FFAB40, #FFB74D, #FFCC80, #FFD180, #FFE0B2, #FFF3E0
La tavolozza Orange palette Materialize CSS combina 14 codici colore:
HEX: #fff3e0, RGB: (255, 243, 224); HEX: #ffe0b2, RGB: (255, 224, 178); HEX: #ffcc80, RGB: (255, 204, 128)
HEX: #ffb74d, RGB: (255, 183, 77); HEX: #ffa726, RGB: (255, 167, 38); HEX: #ff9800, RGB: (255, 152, 0)
HEX: #fb8c00, RGB: (251, 140, 0); HEX: #f57c00, RGB: (245, 124, 0); HEX: #ef6c00, RGB: (239, 108, 0)
HEX: #e65100, RGB: (230, 81, 0); HEX: #ffd180, RGB: (255, 209, 128); HEX: #ffab40, RGB: (255, 171, 64)
HEX: #ff9100, RGB: (255, 145, 0); HEX: #ff6d00, RGB: (255, 109, 0)
Versione semplificata della tavolozza dei colori
Tinta di Bianco antico, Tinta di Bianco navajo, Sfumatura di Bianco navajo, Tinta di Arancione, Tinta di Arancione, Tinta di Arancione scuro, Sfumatura di Arancione scuro, Sfumatura di Arancione scuro, Tinta di Cioccolato, Sfumatura di Rosso arancio, Sfumatura di Bianco navajo, Tinta di Arancione, Tinta di Arancione scuro, Sfumatura di Corallo
La combinazione di colori è stata creata da mz
Codici colori nella tavolozza
Orange palette Materialize CSS codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #fff3e0 | #fff3e0 | RGB(255, 243, 224) | orange lighten-5 | — |
| #ffe0b2 | #ffe0b2 | RGB(255, 224, 178) | orange lighten-4 | — |
| #ffcc80 | #ffcc80 | RGB(255, 204, 128) | orange lighten-3 | — |
| #ffb74d | #ffb74d | RGB(255, 183, 77) | orange lighten-2 | — |
| #ffa726 | #ffa726 | RGB(255, 167, 38) | orange lighten-1 | — |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | orange | — |
| #fb8c00 | #fb8c00 | RGB(251, 140, 0) | orange darken-1 | — |
| #f57c00 | #f57c00 | RGB(245, 124, 0) | orange darken-2 | — |
| #ef6c00 | #ef6c00 | RGB(239, 108, 0) | orange darken-3 | — |
| #e65100 | #e65100 | RGB(230, 81, 0) | orange darken-4 | — |
| #ffd180 | #ffd180 | RGB(255, 209, 128) | orange accent-1 | — |
| #ffab40 | #ffab40 | RGB(255, 171, 64) | orange accent-2 | — |
| #ff9100 | #ff9100 | RGB(255, 145, 0) | orange accent-3 | — |
| #ff6d00 | #ff6d00 | RGB(255, 109, 0) | orange accent-4 | — |
Contrasto della palette di colori
75 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 |
|---|---|---|
#fff3e0 | #ffe0b2 | 1.15 |
#fff3e0 | #ffcc80 | 1.34 |
#fff3e0 | #ffb74d | 1.57 |
#fff3e0 | #ffa726 | 1.77 |
#fff3e0 | #ff9800 | 1.96 |
#fff3e0 | #ffd180 | 1.3 |
Tavolozza immagini Orange palette Materialize CSS png
Esporta tavolozza
Scarica la "Orange palette Materialize CSS" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: