Red palette Materialize CSS
- red-lighten-5#ffebee
- red-lighten-4#ffcdd2
- red-lighten-3#ef9a9a
- red-lighten-2#e57373
- red-lighten-1#ef5350
- red#f44336
- red-darken-1#e53935
- red-darken-2#d32f2f
- red-darken-3#c62828
- red-darken-4#b71c1c
- red-accent-1#ff8a80
- red-accent-2#ff5252
- red-accent-3#ff1744
- red-accent-4#d50000
1
Utworzono 12/16/2017 13:43
Paleta składa się z kolorów Jasny, Półciemny, Ciemny. Kolory akcentujące red-lighten-5 #ffebee i red-lighten-4 #ffcdd2. Paleta ma temperaturę kolorów Neutralny, Ciepły.
Według jasności paleta rozciąga się od #B71C1C (najciemniejszy) do #FFEBEE (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie wydaje się żywe (wysoka chroma) — 100% kolorów jest żywych.
Paleta analogiczna: jej odcienie leżą blisko siebie na kole barw, w zakresie około 16°.
Ogólna temperatura barw przechyla się ku ciepłu (13 z 14).
Kody HEX (posortowane): #B71C1C, #C62828, #D32F2F, #D50000, #E53935, #E57373, #EF5350, #EF9A9A, #F44336, #FF1744, #FF5252, #FF8A80, #FFCDD2, #FFEBEE
Paleta Red palette Materialize CSS łączy 14 kodów kolorów:
HEX: #ffebee, RGB: (255, 235, 238); HEX: #ffcdd2, RGB: (255, 205, 210); HEX: #ef9a9a, RGB: (239, 154, 154)
HEX: #e57373, RGB: (229, 115, 115); HEX: #ef5350, RGB: (239, 83, 80); HEX: #f44336, RGB: (244, 67, 54)
HEX: #e53935, RGB: (229, 57, 53); HEX: #d32f2f, RGB: (211, 47, 47); HEX: #c62828, RGB: (198, 40, 40)
HEX: #b71c1c, RGB: (183, 28, 28); HEX: #ff8a80, RGB: (255, 138, 128); HEX: #ff5252, RGB: (255, 82, 82)
HEX: #ff1744, RGB: (255, 23, 68); HEX: #d50000, RGB: (213, 0, 0)
Uproszczona wersja palety kolorów
Ciemny odcień Lawendowy róż, Jasny odcień Różowy, Jasny odcień Jasnokoralowy, Ciemny odcień Jasnokoralowy, Jasny odcień Indyjska czerwień, Ciemny odcień Pomidorowy, Jasny odcień Czerwony, Jasny odcień Karmazynowy, Jasny odcień Ceglasty, Ciemny odcień Ceglasty, Jasny odcień Łososiowy, Ciemny odcień Pomidorowy, Jasny odcień Karmazynowy, Ciemny odcień Ceglasty
Schemat kolorów został stworzony przez mz
Kody kolorów w palecie
Red palette Materialize CSS kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #ffebee | #ffebee | RGB(255, 235, 238) | red-lighten-5 | Just Pink Enough |
| #ffcdd2 | #ffcdd2 | RGB(255, 205, 210) | red-lighten-4 | — |
| #ef9a9a | #ef9a9a | RGB(239, 154, 154) | red-lighten-3 | — |
| #e57373 | #e57373 | RGB(229, 115, 115) | red-lighten-2 | — |
| #ef5350 | #ef5350 | RGB(239, 83, 80) | red-lighten-1 | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | red | — |
| #e53935 | #e53935 | RGB(229, 57, 53) | red-darken-1 | — |
| #d32f2f | #d32f2f | RGB(211, 47, 47) | red-darken-2 | — |
| #c62828 | #c62828 | RGB(198, 40, 40) | red-darken-3 | — |
| #b71c1c | #b71c1c | RGB(183, 28, 28) | red-darken-4 | — |
| #ff8a80 | #ff8a80 | RGB(255, 138, 128) | red-accent-1 | — |
| #ff5252 | #ff5252 | RGB(255, 82, 82) | red-accent-2 | — |
| #ff1744 | #ff1744 | RGB(255, 23, 68) | red-accent-3 | — |
| #d50000 | #d50000 | RGB(213, 0, 0) | red-accent-4 | — |
Kontrast palety kolorów
61 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#ffebee | #ffcdd2 | 1.23 |
#ffebee | #ef9a9a | 1.88 |
#ffebee | #ff8a80 | 1.99 |
#ffcdd2 | #ef9a9a | 1.52 |
#ffcdd2 | #ff8a80 | 1.62 |
#ef9a9a | #e57373 | 1.38 |
Paleta obrazów Red palette Materialize CSS png
Eksportuj paletę
Pobierz "Red palette Materialize CSS" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: