Wygeneruj paletę
  1. Palety kolorów
  2. Photoshop figma ux design colours

Photoshop figma ux design colours

  • #54a4eb
  • #929fdf
  • #24465f
  • #68589e
  • #b4b0d0
  • #3b2c4d
  0.14k
Utworzono 11/23/2021 11:10
autorstwacolorswall
Paleta składa się z kolorów Jasny, Półciemny, Ciemny. Kolory akcentujące #54a4eb i #929fdf. Paleta ma temperaturę kolorów Zimny.

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

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

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

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

Kody HEX (posortowane): #24465F, #3B2C4D, #54A4EB, #68589E, #929FDF, #B4B0D0

Paleta Photoshop figma ux design colours łączy 6 kodów kolorów:
HEX: #54a4eb, RGB: (84, 164, 235); HEX: #929fdf, RGB: (146, 159, 223); HEX: #24465f, RGB: (36, 70, 95)
HEX: #68589e, RGB: (104, 88, 158); HEX: #b4b0d0, RGB: (180, 176, 208); HEX: #3b2c4d, RGB: (59, 44, 77)
Uproszczona wersja palety kolorów
Jasny odcień Niebieski Dodger, Jasny odcień Chabrowy, Ciemny odcień Ciemny łupkowy niebieski, Ciemny odcień Łupkowy niebieski, Ciemny odcień Ostowy, Ciemny odcień Ciemny łupkowy niebieski
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Photoshop figma ux design colours kody kolorów HEX, informacje RGB w tabeli

KolorHEXRGBNazwaAlternatywna nazwa
#54a4eb#54a4ebRGB(84, 164, 235)——
#929fdf#929fdfRGB(146, 159, 223)——
#24465f#24465fRGB(36, 70, 95)——
#68589e#68589eRGB(104, 88, 158)——
#b4b0d0#b4b0d0RGB(180, 176, 208)——
#3b2c4d#3b2c4dRGB(59, 44, 77)——

Kontrast palety kolorów

5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstuKolor tłaWspółczynnik kontrastu
#54a4eb
#929fdf
1.04
#54a4eb
#b4b0d0
1.27
#929fdf
#b4b0d0
1.22
#24465f
#68589e
1.64
#24465f
#3b2c4d
1.27

Paleta obrazów Photoshop figma ux design colours png

Photoshop figma ux design colours: #54a4eb, #929fdf, #24465f, #68589e, #b4b0d0, #3b2c4d
 Pobierz obraz