Cyan palette Materialize CSS
- cyan lighten-5#e0f7fa
- cyan lighten-4#b2ebf2
- cyan lighten-3#80deea
- cyan lighten-2#4dd0e1
- cyan lighten-1#26c6da
- cyan#00bcd4
- cyan darken-1#00acc1
- cyan darken-2#0097a7
- cyan darken-3#00838f
- cyan darken-4#006064
- cyan accent-1#84ffff
- cyan accent-2#18ffff
- cyan accent-3#00e5ff
- cyan accent-4#00b8d4
Utworzono 12/27/2017 20:28
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące cyan accent-1 #84ffff i cyan accent-2 #18ffff. Paleta ma temperaturę kolorów Neutralny, Zimny.
Według jasności paleta rozciąga się od #006064 (najciemniejszy) do #E0F7FA (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 8°.
Ogólna temperatura barw przechyla się ku zimnu (13 z 14).
Kody HEX (posortowane): #006064, #00838F, #0097A7, #00ACC1, #00B8D4, #00BCD4, #00E5FF, #18FFFF, #26C6DA, #4DD0E1, #80DEEA, #84FFFF, #B2EBF2, #E0F7FA
Paleta Cyan palette Materialize CSS łączy 14 kodów kolorów:
HEX: #e0f7fa, RGB: (224, 247, 250); HEX: #b2ebf2, RGB: (178, 235, 242); HEX: #80deea, RGB: (128, 222, 234)
HEX: #4dd0e1, RGB: (77, 208, 225); HEX: #26c6da, RGB: (38, 198, 218); HEX: #00bcd4, RGB: (0, 188, 212)
HEX: #00acc1, RGB: (0, 172, 193); HEX: #0097a7, RGB: (0, 151, 167); HEX: #00838f, RGB: (0, 131, 143)
HEX: #006064, RGB: (0, 96, 100); HEX: #84ffff, RGB: (132, 255, 255); HEX: #18ffff, RGB: (24, 255, 255)
HEX: #00e5ff, RGB: (0, 229, 255); HEX: #00b8d4, RGB: (0, 184, 212)
Uproszczona wersja palety kolorów
Ciemny odcień Lazurowy, Jasny odcień Pudrowy niebieski, Ciemny odcień Pudrowy niebieski, Jasny odcień Ciemnoturkusowy, Jasny odcień Ciemnoturkusowy, Ciemny odcień Ciemnoturkusowy, Ciemny odcień Kadetowy niebieski, Ciemny odcień Kadetowy niebieski, Jasny odcień Morski, Ciemny odcień Ciemny łupkowy szary, Jasny odcień Cyjan, Jasny odcień Cyjan, Jasny odcień Ciemnoturkusowy, Ciemny odcień Ciemnoturkusowy
Schemat kolorów został stworzony przez mz
Kody kolorów w palecie
Cyan palette Materialize CSS kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #e0f7fa | #e0f7fa | RGB(224, 247, 250) | cyan lighten-5 | — |
| #b2ebf2 | #b2ebf2 | RGB(178, 235, 242) | cyan lighten-4 | — |
| #80deea | #80deea | RGB(128, 222, 234) | cyan lighten-3 | — |
| #4dd0e1 | #4dd0e1 | RGB(77, 208, 225) | cyan lighten-2 | — |
| #26c6da | #26c6da | RGB(38, 198, 218) | cyan lighten-1 | — |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | cyan | — |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | cyan darken-1 | — |
| #0097a7 | #0097a7 | RGB(0, 151, 167) | cyan darken-2 | — |
| #00838f | #00838f | RGB(0, 131, 143) | cyan darken-3 | — |
| #006064 | #006064 | RGB(0, 96, 100) | cyan darken-4 | — |
| #84ffff | #84ffff | RGB(132, 255, 255) | cyan accent-1 | — |
| #18ffff | #18ffff | RGB(24, 255, 255) | cyan accent-2 | — |
| #00e5ff | #00e5ff | RGB(0, 229, 255) | cyan accent-3 | — |
| #00b8d4 | #00b8d4 | RGB(0, 184, 212) | cyan accent-4 | — |
Kontrast palety kolorów
58 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#e0f7fa | #b2ebf2 | 1.17 |
#e0f7fa | #80deea | 1.39 |
#e0f7fa | #4dd0e1 | 1.65 |
#e0f7fa | #26c6da | 1.85 |
#e0f7fa | #84ffff | 1.06 |
#e0f7fa | #18ffff | 1.12 |
Paleta obrazów Cyan palette Materialize CSS png
Eksportuj paletę
Pobierz "Cyan palette Materialize CSS" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: