Designs mockup app design ux colors

  • #0b90d0
  • #c194ee
  • #2e3872
  • #5a5eb2
  • #ca9ea5
  • #3a323b
  0.18k
Utworzono 12/18/2019 08:11
autorstwacolorswall
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące #0b90d0 i #ca9ea5. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

Według jasności paleta rozciąga się od #3A323B (najciemniejszy) do #C194EE (najjaśniejszy). Zakres jasności jest umiarkowany.

Nasycenie jest mieszane — 1 stonowanych i 2 żywych z 6 kolorów.

Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.

Ogólna temperatura barw przechyla się ku zimnu (4 z 6).

Kody HEX (posortowane): #0B90D0, #2E3872, #3A323B, #5A5EB2, #C194EE, #CA9EA5

Paleta Designs mockup app design ux colors łączy 6 kodów kolorów:
HEX: #0b90d0, RGB: (11, 144, 208); HEX: #c194ee, RGB: (193, 148, 238); HEX: #2e3872, RGB: (46, 56, 114)
HEX: #5a5eb2, RGB: (90, 94, 178); HEX: #ca9ea5, RGB: (202, 158, 165); HEX: #3a323b, RGB: (58, 50, 59)
Uproszczona wersja palety kolorów
Ciemny odcień Stalowy niebieski, Ciemny odcień Śliwkowy, Ciemny odcień Ciemny łupkowy niebieski, Ciemny odcień Łupkowy niebieski, Jasny odcień Różowobrązowy, Jasny odcień Czarny
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Designs mockup app design ux colors kody kolorów HEX, informacje RGB w tabeli

KolorHEXRGBNazwaAlternatywna nazwa
#0b90d0#0b90d0RGB(11, 144, 208)——
#c194ee#c194eeRGB(193, 148, 238)——
#2e3872#2e3872RGB(46, 56, 114)——
#5a5eb2#5a5eb2RGB(90, 94, 178)——
#ca9ea5#ca9ea5RGB(202, 158, 165)——
#3a323b#3a323bRGB(58, 50, 59)——

Kontrast palety kolorów

6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstuKolor tłaWspółczynnik kontrastu
#0b90d0
#c194ee
1.47
#0b90d0
#5a5eb2
1.6
#0b90d0
#ca9ea5
1.51
#c194ee
#ca9ea5
1.02
#2e3872
#5a5eb2
1.91
#2e3872
#3a323b
1.13

Paleta obrazów Designs mockup app design ux colors png