bootstrap 5 fs site
- Secondary#80888f
- Primary#0166fa
- Success#28a745
- Danger#dc3545
- Warning#ffc107
- Info#17a2b8
- Dark-Blue#5b23fb
- Light#fafafa
- Dark#404951
- Light-Purple#9c27b0
- Purple#7b1fa2
- Light-Greean#a1c620
- Light-Purple-Pink#e1bee7
Utworzono 08/30/2021 08:28
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Primary #0166fa i Warning #ffc107. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #404951 (najciemniejszy) do #FAFAFA (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 69% kolorów jest żywych.
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 (7 z 13).
Kody HEX (posortowane): #0166FA, #17A2B8, #28A745, #404951, #5B23FB, #7B1FA2, #80888F, #9C27B0, #A1C620, #DC3545, #E1BEE7, #FAFAFA, #FFC107
Paleta bootstrap 5 fs site łączy 13 kodów kolorów:
HEX: #80888f, RGB: (128, 136, 143); HEX: #0166fa, RGB: (1, 102, 250); HEX: #28a745, RGB: (40, 167, 69)
HEX: #dc3545, RGB: (220, 53, 69); HEX: #ffc107, RGB: (255, 193, 7); HEX: #17a2b8, RGB: (23, 162, 184)
HEX: #5b23fb, RGB: (91, 35, 251); HEX: #fafafa, RGB: (250, 250, 250); HEX: #404951, RGB: (64, 73, 81)
HEX: #9c27b0, RGB: (156, 39, 176); HEX: #7b1fa2, RGB: (123, 31, 162); HEX: #a1c620, RGB: (161, 198, 32)
HEX: #e1bee7, RGB: (225, 190, 231)
Uproszczona wersja palety kolorów
Jasny odcień Jasny łupkowy szary, Ciemny odcień Królewski niebieski, Ciemny odcień Średnia zieleń morska, Jasny odcień Karmazynowy, Ciemny odcień Złoty, Ciemny odcień Kadetowy niebieski, Jasny odcień Niebieski, Jasny odcień Biały dym, Jasny odcień Ciemny łupkowy szary, Ciemny odcień Ciemna orchidea, Jasny odcień Ciemna magenta, Ciemny odcień Żółtozielony, Jasny odcień Ostowy
Schemat kolorów został stworzony przez fsh
Kody kolorów w palecie
bootstrap 5 fs site kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #80888f | #80888f | RGB(128, 136, 143) | Secondary | — |
| #0166fa | #0166fa | RGB(1, 102, 250) | Primary | — |
| #28a745 | #28a745 | RGB(40, 167, 69) | Success | — |
| #dc3545 | #dc3545 | RGB(220, 53, 69) | Danger | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Warning | — |
| #17a2b8 | #17a2b8 | RGB(23, 162, 184) | Info | — |
| #5b23fb | #5b23fb | RGB(91, 35, 251) | Dark-Blue | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Light | Dr. White |
| #404951 | #404951 | RGB(64, 73, 81) | Dark | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | Light-Purple | — |
| #7b1fa2 | #7b1fa2 | RGB(123, 31, 162) | Purple | — |
| #a1c620 | #a1c620 | RGB(161, 198, 32) | Light-Greean | — |
| #e1bee7 | #e1bee7 | RGB(225, 190, 231) | Light-Purple-Pink | — |
Kontrast palety kolorów
38 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#80888f | #0166fa | 1.36 |
#80888f | #28a745 | 1.14 |
#80888f | #dc3545 | 1.25 |
#80888f | #17a2b8 | 1.18 |
#80888f | #5b23fb | 1.89 |
#80888f | #9c27b0 | 1.75 |
Paleta obrazów bootstrap 5 fs site png
Eksportuj paletę
Pobierz "bootstrap 5 fs site" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: