Bootstrap 4 colors
- Primary#0275d8
- Success#5cb85c
- Info#5bc0de
- Warning#f0ad4e
- Danger#d9534f
- Inverse#292b2c
- Faded#f7f7f7
13
Utworzono 12/12/2017 10:47
Paleta składa się z kolorów Półciemny, Jasny, Ciemny. Kolory akcentujące Primary #0275d8 i Warning #f0ad4e. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #292B2C (najciemniejszy) do #F7F7F7 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 57% 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 (3 z 7).
Kody HEX (posortowane): #0275D8, #292B2C, #5BC0DE, #5CB85C, #D9534F, #F0AD4E, #F7F7F7
Paleta Bootstrap 4 colors łączy 7 kodów kolorów:
HEX: #0275d8, RGB: (2, 117, 216); HEX: #5cb85c, RGB: (92, 184, 92); HEX: #5bc0de, RGB: (91, 192, 222)
HEX: #f0ad4e, RGB: (240, 173, 78); HEX: #d9534f, RGB: (217, 83, 79); HEX: #292b2c, RGB: (41, 43, 44)
HEX: #f7f7f7, RGB: (247, 247, 247)
Uproszczona wersja palety kolorów
Ciemny odcień Stalowy niebieski, Jasny odcień Średnia zieleń morska, Ciemny odcień Błękit nieba, Jasny odcień Pomarańczowy, Ciemny odcień Indyjska czerwień, Jasny odcień Czarny, Jasny odcień Biały dym
Schemat kolorów został stworzony przez mz
Kody kolorów w palecie
Bootstrap 4 colors kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #0275d8 | #0275d8 | RGB(2, 117, 216) | Primary | — |
| #5cb85c | #5cb85c | RGB(92, 184, 92) | Success | — |
| #5bc0de | #5bc0de | RGB(91, 192, 222) | Info | — |
| #f0ad4e | #f0ad4e | RGB(240, 173, 78) | Warning | — |
| #d9534f | #d9534f | RGB(217, 83, 79) | Danger | — |
| #292b2c | #292b2c | RGB(41, 43, 44) | Inverse | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Faded | Lynx White |
Kontrast palety kolorów
9 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#0275d8 | #5cb85c | 1.86 |
#0275d8 | #d9534f | 1.16 |
#5cb85c | #5bc0de | 1.18 |
#5cb85c | #f0ad4e | 1.27 |
#5cb85c | #d9534f | 1.59 |
#5bc0de | #f0ad4e | 1.07 |
Paleta obrazów Bootstrap 4 colors png
Eksportuj paletę
Pobierz "Bootstrap 4 colors" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: