Wygeneruj paletę
  1. Palety kolorów
  2. Ux ui shop design colors palette

Ux ui shop design colors palette

  • #f4c721
  • #ecd0a0
  • #346629
  • #9da672
  • #aacfa2
  • #68672e
  0.11k
Utworzono 10/05/2021 12:10
autorstwacolorswall
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące #f4c721 i #ecd0a0. Paleta ma temperaturę kolorów Ciepły, Zimny.

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

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

Odcienie pozostają w jednym obszarze koła barw i obejmują około 71°.

Ogólna temperatura barw przechyla się ku ciepłu (4 z 6).

Kody HEX (posortowane): #346629, #68672E, #9DA672, #AACFA2, #ECD0A0, #F4C721

Paleta Ux ui shop design colors palette łączy 6 kodów kolorów:
HEX: #f4c721, RGB: (244, 199, 33); HEX: #ecd0a0, RGB: (236, 208, 160); HEX: #346629, RGB: (52, 102, 41)
HEX: #9da672, RGB: (157, 166, 114); HEX: #aacfa2, RGB: (170, 207, 162); HEX: #68672e, RGB: (104, 103, 46)
Uproszczona wersja palety kolorów
Ciemny odcień Złoty, Ciemny odcień Pszeniczny, Jasny odcień Ciemnozielony, Ciemny odcień Ciemne khaki, Jasny odcień Ciemna zieleń morska, Jasny odcień Ciemnooliwkowy
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Ux ui shop design colors palette kody kolorów HEX, informacje RGB w tabeli

Kolor HEX RGB Nazwa Alternatywna nazwa
#f4c721 #f4c721 RGB(244, 199, 33)——
#ecd0a0 #ecd0a0 RGB(236, 208, 160)——
#346629 #346629 RGB(52, 102, 41)——
#9da672 #9da672 RGB(157, 166, 114)——
#aacfa2 #aacfa2 RGB(170, 207, 162)——
#68672e #68672e RGB(104, 103, 46)——

Kontrast palety kolorów

7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu Kolor tła Współczynnik kontrastu
#f4c721
#ecd0a0
1.08
#f4c721
#9da672
1.6
#f4c721
#aacfa2
1.07
#ecd0a0
#9da672
1.73
#ecd0a0
#aacfa2
1.15
#346629
#68672e
1.15

Paleta obrazów Ux ui shop design colors palette png

Ux ui shop design colors palette: #f4c721, #ecd0a0, #346629, #9da672, #aacfa2, #68672e
 Pobierz obraz