Utworzono o godz 09/27/2022 08:45
  0.11k

Typography ux icon design colors

  • Saffron
    #f4c53b
  • Indian Yellow
    #e6a950
  • Byzantine
    #b32da0
  • Rose Dust
    #9a5979
  • Fuzzy Wuzzy
    #bd6965
  • Jacarta
    #2f3452
Loading...
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Saffron #f4c53b i Jacarta #2f3452. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.

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

Nasycenie jest mieszane — część próbek stonowana, część żywsza.

Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).

Ogólna temperatura barw przechyla się ku ciepłu.

Kody HEX (posortowane): #2F3452, #9A5979, #B32DA0, #BD6965, #E6A950, #F4C53B

Paleta Typography ux icon design colors zawiera kombinację kolorów kodów 6:
KLĄTWA: #f4c53b, RGB: (244, 197, 59); KLĄTWA: #e6a950, RGB: (230, 169, 80); KLĄTWA: #b32da0, RGB: (179, 45, 160)
KLĄTWA: #9a5979, RGB: (154, 89, 121); KLĄTWA: #bd6965, RGB: (189, 105, 101); KLĄTWA: #2f3452, RGB: (47, 52, 82)
Uproszczona wersja palety kolorów
Odcień gold, Cień goldenrod, Cień mediumvioletred, Cień mediumvioletred, Cień indianred, Odcień darkslateblue
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Typography ux icon design colors kody kolorów HEX, informacje RGB w tabeli

Kolor KLĄTWA RGB Nazwa alternatywne imie
#f4c53b #f4c53b RGB(244, 197, 59)Saffron
#e6a950 #e6a950 RGB(230, 169, 80)Indian Yellow
#b32da0 #b32da0 RGB(179, 45, 160)Byzantine
#9a5979 #9a5979 RGB(154, 89, 121)Rose Dust
#bd6965 #bd6965 RGB(189, 105, 101)Fuzzy Wuzzy
#2f3452 #2f3452 RGB(47, 52, 82)Jacarta

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
#f4c53b
#e6a950
1.26
#e6a950
#bd6965
1.89
#b32da0
#9a5979
1.07
#b32da0
#bd6965
1.41
#9a5979
#bd6965
1.31

Paleta obrazów Typography ux icon design colors png

Loading...
Loading...