Reactjs colors palette

  • #61dafb
  • #20232a
  • #282c34
  • #ffffff
  • #fac863
  • #c5a5c5
  • #fc929e
  • #79b6f2
  • #8dc891
  • #5fb3b3
  2.1k
Utworzono 12/29/2017 21:43
autorstwamz
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące #61dafb i #fc929e. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.

Według jasności paleta rozciąga się od #20232A (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie jest mieszane — 4 stonowanych i 4 żywych z 10 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 (7 z 10).

Kody HEX (posortowane): #20232A, #282C34, #5FB3B3, #61DAFB, #79B6F2, #8DC891, #C5A5C5, #FAC863, #FC929E, #FFFFFF

Paleta Reactjs colors palette łączy 10 kodów kolorów:
HEX: #61dafb, RGB: (97, 218, 251); HEX: #20232a, RGB: (32, 35, 42); HEX: #282c34, RGB: (40, 44, 52)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #fac863, RGB: (250, 200, 99); HEX: #c5a5c5, RGB: (197, 165, 197)
HEX: #fc929e, RGB: (252, 146, 158); HEX: #79b6f2, RGB: (121, 182, 242); HEX: #8dc891, RGB: (141, 200, 145)
HEX: #5fb3b3, RGB: (95, 179, 179)
Uproszczona wersja palety kolorów
Ciemny odcień Błękit nieba, Jasny odcień Czarny, Jasny odcień Czarny, Biały, Jasny odcień Nawłoć, Ciemny odcień Ostowy, Jasny odcień Jasnokoralowy, Ciemny odcień Jasny błękit nieba, Jasny odcień Ciemna zieleń morska, Jasny odcień Jasna zieleń morska
Schemat kolorów został stworzony przez mz

Kody kolorów w palecie

Reactjs colors palette kody kolorów HEX, informacje RGB w tabeli

KolorHEXRGBNazwaAlternatywna nazwa
#61dafb#61dafbRGB(97, 218, 251)——
#20232a#20232aRGB(32, 35, 42)——
#282c34#282c34RGB(40, 44, 52)——
#ffffff#ffffffRGB(255, 255, 255)—White
#fac863#fac863RGB(250, 200, 99)——
#c5a5c5#c5a5c5RGB(197, 165, 197)——
#fc929e#fc929eRGB(252, 146, 158)——
#79b6f2#79b6f2RGB(121, 182, 242)——
#8dc891#8dc891RGB(141, 200, 145)——
#5fb3b3#5fb3b3RGB(95, 179, 179)——

Kontrast palety kolorów

25 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstuKolor tłaWspółczynnik kontrastu
#61dafb
#ffffff
1.62
#61dafb
#fac863
1.04
#61dafb
#c5a5c5
1.35
#61dafb
#fc929e
1.32
#61dafb
#79b6f2
1.32
#61dafb
#8dc891
1.19

Paleta obrazów Reactjs colors palette png