Utworzono o godz 12/27/2017 21:15
3
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
Paleta składa się z kolorów Światło. Kolory akcentujące orange lighten-5 #fff3e0 i orange lighten-4 #ffe0b2. Paleta ma temperaturę kolorów Neutralny, Ciepły.
Paleta Orange palette Materialize CSS zawiera kombinację kolorów kodów 14:
KLĄTWA: #fff3e0, RGB: (255, 243, 224); KLĄTWA: #ffe0b2, RGB: (255, 224, 178); KLĄTWA: #ffcc80, RGB: (255, 204, 128)
KLĄTWA: #ffb74d, RGB: (255, 183, 77); KLĄTWA: #ffa726, RGB: (255, 167, 38); KLĄTWA: #ff9800, RGB: (255, 152, 0)
KLĄTWA: #fb8c00, RGB: (251, 140, 0); KLĄTWA: #f57c00, RGB: (245, 124, 0); KLĄTWA: #ef6c00, RGB: (239, 108, 0)
KLĄTWA: #e65100, RGB: (230, 81, 0); KLĄTWA: #ffd180, RGB: (255, 209, 128); KLĄTWA: #ffab40, RGB: (255, 171, 64)
KLĄTWA: #ff9100, RGB: (255, 145, 0); KLĄTWA: #ff6d00, RGB: (255, 109, 0)
Uproszczona wersja palety kolorów
Cień antiquewhite, Cień navajowhite, Odcień navajowhite, Cień Pomarańczowy, Cień Pomarańczowy, Cień darkorange, Odcień darkorange, Odcień darkorange, Cień chocolate, Odcień orangered, Odcień navajowhite, Cień Pomarańczowy, Cień darkorange, Odcień coral
Schemat kolorów został stworzony przez mz
Kody kolorów w palecie
Orange palette Materialize CSS kody kolorów HEX, informacje RGB w tabeli
Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
#fff3e0 | RGB(255, 243, 224) | orange lighten-5 | — | |
#ffe0b2 | RGB(255, 224, 178) | orange lighten-4 | — | |
#ffcc80 | RGB(255, 204, 128) | orange lighten-3 | — | |
#ffb74d | RGB(255, 183, 77) | orange lighten-2 | — | |
#ffa726 | RGB(255, 167, 38) | orange lighten-1 | — | |
#ff9800 | RGB(255, 152, 0) | orange | — | |
#fb8c00 | RGB(251, 140, 0) | orange darken-1 | — | |
#f57c00 | RGB(245, 124, 0) | orange darken-2 | — | |
#ef6c00 | RGB(239, 108, 0) | orange darken-3 | — | |
#e65100 | RGB(230, 81, 0) | orange darken-4 | — | |
#ffd180 | RGB(255, 209, 128) | orange accent-1 | — | |
#ffab40 | RGB(255, 171, 64) | orange accent-2 | — | |
#ff9100 | RGB(255, 145, 0) | orange accent-3 | — | |
#ff6d00 | RGB(255, 109, 0) | orange accent-4 | — |
Kontrast palety kolorów
75 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#fff3e0 | #ffe0b2 | 1.15 |
#fff3e0 | #ffcc80 | 1.34 |
#fff3e0 | #ffb74d | 1.57 |
#fff3e0 | #ffa726 | 1.77 |
#fff3e0 | #ff9800 | 1.96 |
#fff3e0 | #ffd180 | 1.3 |