Wygeneruj paletę
  1. Palety kolorów
  2. Figma ui design whimsical colors

Figma ui design whimsical colors

  • #158fe5
  • #7dc4eb
  • #1a313a
  • #567c9e
  • #a4bdd0
  • #2e414d
  0.15k
Utworzono 11/29/2021 22:50
autorstwacolorswall
Paleta składa się z kolorów Jasny, Ciemny, Półciemny. Kolory akcentujące #158fe5 i #7dc4eb. Paleta ma temperaturę kolorów Zimny.

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

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

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

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

Kody HEX (posortowane): #158FE5, #1A313A, #2E414D, #567C9E, #7DC4EB, #A4BDD0

Paleta Figma ui design whimsical colors łączy 6 kodów kolorów:
HEX: #158fe5, RGB: (21, 143, 229); HEX: #7dc4eb, RGB: (125, 196, 235); HEX: #1a313a, RGB: (26, 49, 58)
HEX: #567c9e, RGB: (86, 124, 158); HEX: #a4bdd0, RGB: (164, 189, 208); HEX: #2e414d, RGB: (46, 65, 77)
Uproszczona wersja palety kolorów
Ciemny odcień Niebieski Dodger, Ciemny odcień Jasny błękit nieba, Ciemny odcień Ciemny łupkowy szary, Ciemny odcień Stalowy niebieski, Ciemny odcień Jasny stalowy niebieski, Ciemny odcień Ciemny łupkowy szary
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Figma ui design whimsical colors kody kolorów HEX, informacje RGB w tabeli

KolorHEXRGBNazwaAlternatywna nazwa
#158fe5#158fe5RGB(21, 143, 229)——
#7dc4eb#7dc4ebRGB(125, 196, 235)——
#1a313a#1a313aRGB(26, 49, 58)——
#567c9e#567c9eRGB(86, 124, 158)——
#a4bdd0#a4bdd0RGB(164, 189, 208)——
#2e414d#2e414dRGB(46, 65, 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
#158fe5
#7dc4eb
1.8
#158fe5
#567c9e
1.27
#158fe5
#a4bdd0
1.76
#7dc4eb
#a4bdd0
1.01
#1a313a
#2e414d
1.28

Paleta obrazów Figma ui design whimsical colors png

Figma ui design whimsical colors: #158fe5, #7dc4eb, #1a313a, #567c9e, #a4bdd0, #2e414d
 Pobierz obraz