Wygeneruj paletę
  1. Palety kolorów
  2. Interface learning platform ux colors

Interface learning platform ux colors

  • #fcc421
  • #f9d25e
  • #217464
  • #b05c94
  • #c8bccf
  • #6a3f31
  0.21k
Utworzono 04/05/2020 11:09
autorstwacolorswall
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące #fcc421 i #217464. Paleta ma temperaturę kolorów Ciepły, Zimny.

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

Nasycenie jest mieszane — 1 stonowanych i 3 ż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 ciepłu (4 z 6).

Kody HEX (posortowane): #217464, #6A3F31, #B05C94, #C8BCCF, #F9D25E, #FCC421

Paleta Interface learning platform ux colors łączy 6 kodów kolorów:
HEX: #fcc421, RGB: (252, 196, 33); HEX: #f9d25e, RGB: (249, 210, 94); HEX: #217464, RGB: (33, 116, 100)
HEX: #b05c94, RGB: (176, 92, 148); HEX: #c8bccf, RGB: (200, 188, 207); HEX: #6a3f31, RGB: (106, 63, 49)
Uproszczona wersja palety kolorów
Ciemny odcień Złoty, Jasny odcień Złoty, Ciemny odcień Morski, Jasny odcień Średni fioletowoczerwony, Ciemny odcień Ostowy, Ciemny odcień Siodłowy brąz
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Interface learning platform ux colors kody kolorów HEX, informacje RGB w tabeli

Kolor HEX RGB Nazwa Alternatywna nazwa
#fcc421 #fcc421 RGB(252, 196, 33)——
#f9d25e #f9d25e RGB(249, 210, 94)——
#217464 #217464 RGB(33, 116, 100)——
#b05c94 #b05c94 RGB(176, 92, 148)——
#c8bccf #c8bccf RGB(200, 188, 207)——
#6a3f31 #6a3f31 RGB(106, 63, 49)——

Kontrast palety kolorów

5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu Kolor tła Współczynnik kontrastu
#fcc421
#f9d25e
1.1
#fcc421
#c8bccf
1.13
#f9d25e
#c8bccf
1.24
#217464
#b05c94
1.28
#217464
#6a3f31
1.58

Paleta obrazów Interface learning platform ux colors png

Interface learning platform ux colors: #fcc421, #f9d25e, #217464, #b05c94, #c8bccf, #6a3f31
 Pobierz obraz