Artboards tutorial slider component in xd colors

  • #4d95b1
  • #9cc4d4
  • #284d5c
  • #648592
  • #a8c3d1
  • #3f3c38
  0.24k
Utworzono 02/14/2021 11:23
autorstwacolorswall
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące #9cc4d4 i #3f3c38. Paleta ma temperaturę kolorów Zimny, Neutralny.

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

Nasycenie leży w średnim zakresie, średnio 29% w całej palecie.

Paleta analogiczna: jej odcienie leżą blisko siebie na kole barw, w zakresie około 4°.

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

Kody HEX (posortowane): #284D5C, #3F3C38, #4D95B1, #648592, #9CC4D4, #A8C3D1

Paleta Artboards tutorial slider component in xd colors łączy 6 kodów kolorów:
HEX: #4d95b1, RGB: (77, 149, 177); HEX: #9cc4d4, RGB: (156, 196, 212); HEX: #284d5c, RGB: (40, 77, 92)
HEX: #648592, RGB: (100, 133, 146); HEX: #a8c3d1, RGB: (168, 195, 209); HEX: #3f3c38, RGB: (63, 60, 56)
Uproszczona wersja palety kolorów
Jasny odcień Stalowy niebieski, Ciemny odcień Jasnoniebieski, Ciemny odcień Ciemny łupkowy szary, Ciemny odcień Łupkowy szary, Ciemny odcień Jasnoniebieski, Ciemny odcień Ciemny łupkowy szary
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Artboards tutorial slider component in xd colors kody kolorów HEX, informacje RGB w tabeli

KolorHEXRGBNazwaAlternatywna nazwa
#4d95b1#4d95b1RGB(77, 149, 177)——
#9cc4d4#9cc4d4RGB(156, 196, 212)——
#284d5c#284d5cRGB(40, 77, 92)——
#648592#648592RGB(100, 133, 146)——
#a8c3d1#a8c3d1RGB(168, 195, 209)——
#3f3c38#3f3c38RGB(63, 60, 56)——

Kontrast palety kolorów

5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstuKolor tłaWspółczynnik kontrastu
#4d95b1
#9cc4d4
1.8
#4d95b1
#648592
1.17
#4d95b1
#a8c3d1
1.82
#9cc4d4
#a8c3d1
1.01
#284d5c
#3f3c38
1.2

Paleta obrazów Artboards tutorial slider component in xd colors png