Utworzono o godz 03/03/2019 12:56
2
Bootstrap 4 background colors (classes) palette
bg-primary
#007bff
bg-secondary
#6c757d
bg-success
#28a745
bg-danger
#dc3545
bg-warning
#ffc107
bg-info
#17a2b8
bg-light
#f8f9fa
bg-dark
#343a40
bg-white
#ffffff
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące bg-primary #007bff i bg-warning #ffc107. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Paleta Bootstrap 4 background colors (classes) palette zawiera kombinację kolorów kodów 9:
KLĄTWA: #007bff, RGB: (0, 123, 255); KLĄTWA: #6c757d, RGB: (108, 117, 125); KLĄTWA: #28a745, RGB: (40, 167, 69)
KLĄTWA: #dc3545, RGB: (220, 53, 69); KLĄTWA: #ffc107, RGB: (255, 193, 7); KLĄTWA: #17a2b8, RGB: (23, 162, 184)
KLĄTWA: #f8f9fa, RGB: (248, 249, 250); KLĄTWA: #343a40, RGB: (52, 58, 64); KLĄTWA: #ffffff, RGB: (255, 255, 255)
Uproszczona wersja palety kolorów
Odcień steelblue, Odcień slategrey, Odcień mediumseagreen, Cień crimson, Odcień gold, Odcień cadetblue, Cień whitesmoke, Odcień darkslategrey, Biały
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
Bootstrap 4 background colors (classes) palette kody kolorów HEX, informacje RGB w tabeli
Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
#007bff | RGB(0, 123, 255) | bg-primary | — | |
#6c757d | RGB(108, 117, 125) | bg-secondary | Pompeii Ash | |
#28a745 | RGB(40, 167, 69) | bg-success | — | |
#dc3545 | RGB(220, 53, 69) | bg-danger | — | |
#ffc107 | RGB(255, 193, 7) | bg-warning | — | |
#17a2b8 | RGB(23, 162, 184) | bg-info | — | |
#f8f9fa | RGB(248, 249, 250) | bg-light | — | |
#343a40 | RGB(52, 58, 64) | bg-dark | — | |
#ffffff | RGB(255, 255, 255) | bg-white | White |
Kontrast palety kolorów
15 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#007bff | #6c757d | 1.17 |
#007bff | #28a745 | 1.27 |
#007bff | #dc3545 | 1.13 |
#007bff | #17a2b8 | 1.3 |
#6c757d | #28a745 | 1.49 |
#6c757d | #dc3545 | 1.03 |