Wygeneruj paletę
  1. Palety kolorów
  2. Figma branding ux design colours

Figma branding ux design colours

  • #fcb206
  • #f9e87e
  • #3c4408
  • #998466
  • #d4c49d
  • #7d914a
  0.15k
Utworzono 07/05/2021 10:01
autorstwacolorswall
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące #fcb206 i #f9e87e. Paleta ma temperaturę kolorów Ciepły, Zimny.

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

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

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

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

Kody HEX (posortowane): #3C4408, #7D914A, #998466, #D4C49D, #F9E87E, #FCB206

Paleta Figma branding ux design colours łączy 6 kodów kolorów:
HEX: #fcb206, RGB: (252, 178, 6); HEX: #f9e87e, RGB: (249, 232, 126); HEX: #3c4408, RGB: (60, 68, 8)
HEX: #998466, RGB: (153, 132, 102); HEX: #d4c49d, RGB: (212, 196, 157); HEX: #7d914a, RGB: (125, 145, 74)
Uproszczona wersja palety kolorów
Jasny odcień Pomarańczowy, Jasny odcień Khaki, Ciemny odcień Ciemnooliwkowy, Jasny odcień Szary, Jasny odcień Jasnobrązowy, Jasny odcień Oliwkowozielony
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Figma branding ux design colours kody kolorów HEX, informacje RGB w tabeli

Kolor HEX RGB Nazwa Alternatywna nazwa
#fcb206 #fcb206 RGB(252, 178, 6)——
#f9e87e #f9e87e RGB(249, 232, 126)——
#3c4408 #3c4408 RGB(60, 68, 8)——
#998466 #998466 RGB(153, 132, 102)——
#d4c49d #d4c49d RGB(212, 196, 157)——
#7d914a #7d914a RGB(125, 145, 74)——

Kontrast palety kolorów

6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu Kolor tła Współczynnik kontrastu
#fcb206
#f9e87e
1.46
#fcb206
#998466
1.96
#fcb206
#d4c49d
1.05
#fcb206
#7d914a
1.91
#f9e87e
#d4c49d
1.38
#998466
#7d914a
1.02

Paleta obrazów Figma branding ux design colours png

Figma branding ux design colours: #fcb206, #f9e87e, #3c4408, #998466, #d4c49d, #7d914a
 Pobierz obraz