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
Erstellt am 12/27/2017 21:15
Die Palette besteht aus Hell-Farben. Akzentfarben orange lighten-5 #fff3e0 und orange lighten-4 #ffe0b2. Palette hat Farbtemperatur Neutral, Warm.
Nach Helligkeit reicht diese Palette von #E65100 (dunkelstes) bis #FFF3E0 (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 100% der Farben sind lebhaft.
Eine analoge Palette: Die Farbtöne liegen auf dem Farbkreis nah beieinander, innerhalb von etwa 17°.
In der Gesamttemperatur neigen die Felder zur warmen Seite (13 von 14).
HEX-Codes (sortiert): #E65100, #EF6C00, #F57C00, #FB8C00, #FF6D00, #FF9100, #FF9800, #FFA726, #FFAB40, #FFB74D, #FFCC80, #FFD180, #FFE0B2, #FFF3E0
Die Palette Orange palette Materialize CSS kombiniert 14 Farbcodes:
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)
Vereinfachte Version der Palettenfarben
Aufhellung von Antikweiß, Aufhellung von Navajoweiß, Schattierung von Navajoweiß, Aufhellung von Orange, Aufhellung von Orange, Aufhellung von Dunkelorange, Schattierung von Dunkelorange, Schattierung von Dunkelorange, Aufhellung von Schokolade, Schattierung von Orangerot, Schattierung von Navajoweiß, Aufhellung von Orange, Aufhellung von Dunkelorange, Schattierung von Koralle
Farbschema wurde erstellt von mz
Farbcodes in der Palette
Orange palette Materialize CSS Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #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 | — |
Farbpalette Kontrast
75 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#fff3e0 | #ffe0b2 | 1.15 |
#fff3e0 | #ffcc80 | 1.34 |
#fff3e0 | #ffb74d | 1.57 |
#fff3e0 | #ffa726 | 1.77 |
#fff3e0 | #ff9800 | 1.96 |
#fff3e0 | #ffd180 | 1.3 |
Bildpalette Orange palette Materialize CSS png
Palette exportieren
Laden Sie die "Orange palette Materialize CSS" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: