Utworzono o godz 01/17/2021 11:39
  0.21k

User experience app designer interaction design material hex colors

  • #26b8d0
  • #f285a4
  • #2c5c84
  • #5d7fae
  • #a1c0d4
  • #3b393c
Loading...
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące #26b8d0 i #f285a4. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

Według jasności paleta rozciąga się od #3B393C (najciemniejszy) do #F285A4 (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 zimnu.

Kody HEX (posortowane): #26B8D0, #2C5C84, #3B393C, #5D7FAE, #A1C0D4, #F285A4

Paleta User experience app designer interaction design material hex colors zawiera kombinację kolorów kodów 6:
KLĄTWA: #26b8d0, RGB: (38, 184, 208); KLĄTWA: #f285a4, RGB: (242, 133, 164); KLĄTWA: #2c5c84, RGB: (44, 92, 132)
KLĄTWA: #5d7fae, RGB: (93, 127, 174); KLĄTWA: #a1c0d4, RGB: (161, 192, 212); KLĄTWA: #3b393c, RGB: (59, 57, 60)
Uproszczona wersja palety kolorów
Odcień darkturquoise, Cień palevioletred, Odcień royalblue, Cień steelblue, Odcień lightsteelblue, Cień Czarny
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

User experience app designer interaction design material hex colors kody kolorów HEX, informacje RGB w tabeli

Kolor KLĄTWA RGB Nazwa alternatywne imie
#26b8d0 #26b8d0 RGB(38, 184, 208)
#f285a4 #f285a4 RGB(242, 133, 164)
#2c5c84 #2c5c84 RGB(44, 92, 132)
#5d7fae #5d7fae RGB(93, 127, 174)
#a1c0d4 #a1c0d4 RGB(161, 192, 212)
#3b393c #3b393c RGB(59, 57, 60)

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
#26b8d0
#f285a4
1.02
#26b8d0
#5d7fae
1.73
#26b8d0
#a1c0d4
1.24
#f285a4
#5d7fae
1.69
#f285a4
#a1c0d4
1.26
#2c5c84
#5d7fae
1.72

Paleta obrazów User experience app designer interaction design material hex colors png

Loading...
Loading...