Wygeneruj paletę
  1. Palety kolorów
  2. Product design ui cards colors

Product design ui cards colors

  • #d9b85f
  • #f8dd99
  • #6b5519
  • #9c946c
  • #bfbfc0
  • #444344
  0.3k
Utworzono 05/20/2020 08:33
autorstwacolorswall
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące #f8dd99 i #bfbfc0. Paleta ma temperaturę kolorów Ciepły, Neutralny.

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

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

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

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

Kody HEX (posortowane): #444344, #6B5519, #9C946C, #BFBFC0, #D9B85F, #F8DD99

Paleta Product design ui cards colors łączy 6 kodów kolorów:
HEX: #d9b85f, RGB: (217, 184, 95); HEX: #f8dd99, RGB: (248, 221, 153); HEX: #6b5519, RGB: (107, 85, 25)
HEX: #9c946c, RGB: (156, 148, 108); HEX: #bfbfc0, RGB: (191, 191, 192); HEX: #444344, RGB: (68, 67, 68)
Uproszczona wersja palety kolorów
Jasny odcień Nawłoć, Ciemny odcień Mokasynowy, Ciemny odcień Ciemnooliwkowy, Ciemny odcień Ciemne khaki, Ciemny odcień Srebrny, Ciemny odcień Przyćmiony szary
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Product design ui cards colors kody kolorów HEX, informacje RGB w tabeli

Kolor HEX RGB Nazwa Alternatywna nazwa
#d9b85f #d9b85f RGB(217, 184, 95)——
#f8dd99 #f8dd99 RGB(248, 221, 153)——
#6b5519 #6b5519 RGB(107, 85, 25)——
#9c946c #9c946c RGB(156, 148, 108)——
#bfbfc0 #bfbfc0 RGB(191, 191, 192)——
#444344 #444344 RGB(68, 67, 68)——

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
#d9b85f
#f8dd99
1.43
#d9b85f
#9c946c
1.59
#d9b85f
#bfbfc0
1.04
#f8dd99
#bfbfc0
1.38
#6b5519
#444344
1.37
#9c946c
#bfbfc0
1.66

Paleta obrazów Product design ui cards colors png

Product design ui cards colors: #d9b85f, #f8dd99, #6b5519, #9c946c, #bfbfc0, #444344
 Pobierz obraz