Wygeneruj paletę
  1. Palety kolorów
  2. Interaction interface design ui palette

Interaction interface design ui palette

  • Royal Orange
    #ec9c3d
  • Mellow Apricot
    #f0bc6f
  • Space Cadet
    #163959
  • Dark Lavender
    #745995
  • Pastel Blue
    #b5ccd6
  • Police Blue
    #3b5765
  0.13k
Utworzono 02/22/2022 11:47
autorstwacolorswall
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Royal Orange #ec9c3d i Space Cadet #163959. Paleta ma temperaturę kolorów Ciepły, Zimny.

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

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

Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.

Ogólna temperatura barw przechyla się ku zimnu (4 z 6).

Kody HEX (posortowane): #163959, #3B5765, #745995, #B5CCD6, #EC9C3D, #F0BC6F

Paleta Interaction interface design ui palette łączy 6 kodów kolorów:
HEX: #ec9c3d, RGB: (236, 156, 61); HEX: #f0bc6f, RGB: (240, 188, 111); HEX: #163959, RGB: (22, 57, 89)
HEX: #745995, RGB: (116, 89, 149); HEX: #b5ccd6, RGB: (181, 204, 214); HEX: #3b5765, RGB: (59, 87, 101)
Uproszczona wersja palety kolorów
Ciemny odcień Piaskowy brąz, Jasny odcień Drewniany, Ciemny odcień Ciemny łupkowy niebieski, Ciemny odcień Łupkowy niebieski, Ciemny odcień Jasnoniebieski, Jasny odcień Ciemny łupkowy szary
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Interaction interface design ui palette kody kolorów HEX, informacje RGB w tabeli

Kolor HEX RGB Nazwa Alternatywna nazwa
#ec9c3d #ec9c3d RGB(236, 156, 61)Royal Orange—
#f0bc6f #f0bc6f RGB(240, 188, 111)Mellow Apricot—
#163959 #163959 RGB(22, 57, 89)Space Cadet—
#745995 #745995 RGB(116, 89, 149)Dark Lavender—
#b5ccd6 #b5ccd6 RGB(181, 204, 214)Pastel Blue—
#3b5765 #3b5765 RGB(59, 87, 101)Police Blue—

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
#ec9c3d
#f0bc6f
1.29
#ec9c3d
#b5ccd6
1.33
#f0bc6f
#b5ccd6
1.03
#163959
#3b5765
1.55
#745995
#3b5765
1.31

Paleta obrazów Interaction interface design ui palette png

Interaction interface design ui palette - #183497
 Pobierz obraz