Wygeneruj paletę
  1. Palety kolorów
  2. Notification components design ui palette

Notification components design ui palette

  • #245494
  • #94b6e5
  • #144c74
  • #5e80a0
  • #aac7cd
  • #0c0c14
  0.19k
Utworzono 09/08/2021 15:31
autorstwacolorswall
Paleta składa się z kolorów Półciemny, Jasny, Ciemny. Kolory akcentujące #94b6e5 i #144c74. Paleta ma temperaturę kolorów Zimny, Neutralny.

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

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

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

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

Kody HEX (posortowane): #0C0C14, #144C74, #245494, #5E80A0, #94B6E5, #AAC7CD

Paleta Notification components design ui palette łączy 6 kodów kolorów:
HEX: #245494, RGB: (36, 84, 148); HEX: #94b6e5, RGB: (148, 182, 229); HEX: #144c74, RGB: (20, 76, 116)
HEX: #5e80a0, RGB: (94, 128, 160); HEX: #aac7cd, RGB: (170, 199, 205); HEX: #0c0c14, RGB: (12, 12, 20)
Uproszczona wersja palety kolorów
Ciemny odcień Królewski niebieski, Ciemny odcień Jasny stalowy niebieski, Ciemny odcień Ciemny łupkowy niebieski, Jasny odcień Stalowy niebieski, Ciemny odcień Jasnoniebieski, Jasny odcień Czarny
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Notification components design ui palette kody kolorów HEX, informacje RGB w tabeli

Kolor HEX RGB Nazwa Alternatywna nazwa
#245494 #245494 RGB(36, 84, 148)——
#94b6e5 #94b6e5 RGB(148, 182, 229)——
#144c74 #144c74 RGB(20, 76, 116)——
#5e80a0 #5e80a0 RGB(94, 128, 160)——
#aac7cd #aac7cd RGB(170, 199, 205)——
#0c0c14 #0c0c14 RGB(12, 12, 20)——

Kontrast palety kolorów

4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu Kolor tła Współczynnik kontrastu
#245494
#144c74
1.19
#245494
#5e80a0
1.83
#94b6e5
#5e80a0
1.98
#94b6e5
#aac7cd
1.16

Paleta obrazów Notification components design ui palette png

Notification components design ui palette: #245494, #94b6e5, #144c74, #5e80a0, #aac7cd, #0c0c14
 Pobierz obraz