Loading...
Utworzono o godz 04/10/2022 16:49
  0.12k

Design ux ui hex colors

  • Saffron
    #f0c435
  • Jasmine
    #f6d880
  • Pullman Green
    #3b3315
  • Bronze (Metallic)
    #aa974f
  • Pale Silver
    #d4bcbc
  • Independence
    #435760
Loading...
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Jasmine #f6d880 i Independence #435760. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.

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

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): #3B3315, #435760, #AA974F, #D4BCBC, #F0C435, #F6D880

Paleta Design ux ui hex colors zawiera kombinację kolorów kodów 6:
KLĄTWA: #f0c435, RGB: (240, 196, 53); KLĄTWA: #f6d880, RGB: (246, 216, 128); KLĄTWA: #3b3315, RGB: (59, 51, 21)
KLĄTWA: #aa974f, RGB: (170, 151, 79); KLĄTWA: #d4bcbc, RGB: (212, 188, 188); KLĄTWA: #435760, RGB: (67, 87, 96)
Uproszczona wersja palety kolorów
Odcień gold, Odcień Khaki, Cień Czarny, Odcień darkkhaki, Odcień thistle, Cień darkslategrey
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Design ux ui hex colors kody kolorów HEX, informacje RGB w tabeli

Kolor KLĄTWA RGB Nazwa alternatywne imie
#f0c435 #f0c435 RGB(240, 196, 53)Saffron
#f6d880 #f6d880 RGB(246, 216, 128)Jasmine
#3b3315 #3b3315 RGB(59, 51, 21)Pullman Green
#aa974f #aa974f RGB(170, 151, 79)Bronze (Metallic)
#d4bcbc #d4bcbc RGB(212, 188, 188)Pale Silver
#435760 #435760 RGB(67, 87, 96)Independence

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
#f0c435
#f6d880
1.18
#f0c435
#aa974f
1.74
#f0c435
#d4bcbc
1.07
#f6d880
#d4bcbc
1.28
#3b3315
#435760
1.65
#aa974f
#d4bcbc
1.61

Paleta obrazów Design ux ui hex colors png

Loading...
Loading...
Loading...