Utworzono o godz 06/15/2019 19:35
kem-bootstrap4-all-colors-palette
blue
#007bff
indigo
#6610f2
purple
#6f42c1
pink
#e83e8c
red
#dc3545
orange
#fd7e14
yellow
#ffc107
green
#28a745
teal
#20c997
cyan
#17a2b8
white
#ffffff
gray
#6c757d
gray-dark
#343a40
primary
#007bff
secondary
#6c757d
success
#28a745
info
#17a2b8
warning
#ffc107
danger
#dc3545
light
#f8f9fa
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące blue #007bff i yellow #ffc107 i primary #007bff i warning #ffc107. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Paleta kem-bootstrap4-all-colors-palette zawiera kombinację kolorów kodów 20:
KLĄTWA: #007bff, RGB: (0, 123, 255); KLĄTWA: #6610f2, RGB: (102, 16, 242); KLĄTWA: #6f42c1, RGB: (111, 66, 193)
KLĄTWA: #e83e8c, RGB: (232, 62, 140); KLĄTWA: #dc3545, RGB: (220, 53, 69); KLĄTWA: #fd7e14, RGB: (253, 126, 20)
KLĄTWA: #ffc107, RGB: (255, 193, 7); KLĄTWA: #28a745, RGB: (40, 167, 69); KLĄTWA: #20c997, RGB: (32, 201, 151)
KLĄTWA: #17a2b8, RGB: (23, 162, 184); KLĄTWA: #ffffff, RGB: (255, 255, 255); KLĄTWA: #6c757d, RGB: (108, 117, 125)
KLĄTWA: #343a40, RGB: (52, 58, 64); KLĄTWA: #007bff, RGB: (0, 123, 255); KLĄTWA: #6c757d, RGB: (108, 117, 125)
KLĄTWA: #28a745, RGB: (40, 167, 69); KLĄTWA: #17a2b8, RGB: (23, 162, 184); KLĄTWA: #ffc107, RGB: (255, 193, 7)
KLĄTWA: #dc3545, RGB: (220, 53, 69); KLĄTWA: #f8f9fa, RGB: (248, 249, 250)
Uproszczona wersja palety kolorów
Odcień steelblue, Odcień blueviolet, Cień blueviolet, Cień deeppink, Cień crimson, Odcień darkorange, Odcień gold, Odcień mediumseagreen, Odcień mediumaquamarine, Odcień cadetblue, Biały, Odcień slategrey, Odcień darkslategrey, Odcień steelblue, Odcień slategrey, Odcień mediumseagreen, Odcień cadetblue, Odcień gold, Cień crimson, Cień whitesmoke
Schemat kolorów został stworzony przez David Acevedo
Kody kolorów w palecie
kem-bootstrap4-all-colors-palette kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #007bff | #007bff | RGB(0, 123, 255) | blue | — |
| #6610f2 | #6610f2 | RGB(102, 16, 242) | indigo | — |
| #6f42c1 | #6f42c1 | RGB(111, 66, 193) | purple | — |
| #e83e8c | #e83e8c | RGB(232, 62, 140) | pink | — |
| #dc3545 | #dc3545 | RGB(220, 53, 69) | red | — |
| #fd7e14 | #fd7e14 | RGB(253, 126, 20) | orange | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | yellow | — |
| #28a745 | #28a745 | RGB(40, 167, 69) | green | — |
| #20c997 | #20c997 | RGB(32, 201, 151) | teal | — |
| #17a2b8 | #17a2b8 | RGB(23, 162, 184) | cyan | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | white | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | gray | Pompeii Ash |
| #343a40 | #343a40 | RGB(52, 58, 64) | gray-dark | — |
| #007bff | #007bff | RGB(0, 123, 255) | primary | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | secondary | Pompeii Ash |
| #28a745 | #28a745 | RGB(40, 167, 69) | success | — |
| #17a2b8 | #17a2b8 | RGB(23, 162, 184) | info | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | warning | — |
| #dc3545 | #dc3545 | RGB(220, 53, 69) | danger | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | light | — |
Kontrast palety kolorów
109 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 | #6610f2 | 1.8 |
#007bff | #6f42c1 | 1.63 |
#007bff | #e83e8c | 1.04 |
#007bff | #dc3545 | 1.13 |
#007bff | #fd7e14 | 1.54 |
#007bff | #28a745 | 1.27 |
