Wygeneruj paletę
  1. Palety kolorów
  2. Bootstrap5 css3 portfoliosite html5 hex colors

Bootstrap5 css3 portfoliosite html5 hex colors

  • #3f7c8c
  • #d9f0ea
  • #255a70
  • #689faa
  • #d4bcb8
  • #2a424d
  0.29k
Utworzono 02/12/2021 10:27
autorstwacolorswall
Paleta składa się z kolorów Półciemny, Jasny. Kolory akcentujące #255a70 i #d4bcb8. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.

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

Nasycenie leży w średnim zakresie, średnio 36% w całej palecie.

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): #255A70, #2A424D, #3F7C8C, #689FAA, #D4BCB8, #D9F0EA

Paleta Bootstrap5 css3 portfoliosite html5 hex colors łączy 6 kodów kolorów:
HEX: #3f7c8c, RGB: (63, 124, 140); HEX: #d9f0ea, RGB: (217, 240, 234); HEX: #255a70, RGB: (37, 90, 112)
HEX: #689faa, RGB: (104, 159, 170); HEX: #d4bcb8, RGB: (212, 188, 184); HEX: #2a424d, RGB: (42, 66, 77)
Uproszczona wersja palety kolorów
Jasny odcień Morski, Ciemny odcień lightcyan, Jasny odcień darkslategrey, Jasny odcień cadetblue, Ciemny odcień mistyrose, Ciemny odcień darkslategrey
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Bootstrap5 css3 portfoliosite html5 hex colors kody kolorów HEX, informacje RGB w tabeli

Kolor HEX RGB Nazwa Alternatywna nazwa
#3f7c8c #3f7c8c RGB(63, 124, 140)——
#d9f0ea #d9f0ea RGB(217, 240, 234)——
#255a70 #255a70 RGB(37, 90, 112)——
#689faa #689faa RGB(104, 159, 170)——
#d4bcb8 #d4bcb8 RGB(212, 188, 184)——
#2a424d #2a424d RGB(42, 66, 77)——

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
#3f7c8c
#255a70
1.61
#3f7c8c
#689faa
1.59
#d9f0ea
#d4bcb8
1.5
#255a70
#2a424d
1.39
#689faa
#d4bcb8
1.63

Paleta obrazów Bootstrap5 css3 portfoliosite html5 hex colors png

Bootstrap5 css3 portfoliosite html5 hex colors - #106397
 Pobierz obraz