Palety kolorów

Kolor szary

To punkt pośrodku między bielą a czernią. Jest neutralny i zrównoważony, pozwala wyróżnić się innym kolorom. Stosuje się go w tekstach pomocniczych, ubraniach basic i nowoczesnych wnętrzach.

Inne nazwy: szarość.

Szary · #808080

Kolor szary: podstawowe informacje

Kolor szary (#808080) jest neutralny, o średniej jasności i prawie bez nasycenia. Należy do grupy: odcienie szarości. Składa się z 128 czerwieni, 128 zieleni i 128 niebieskiego (w skali do 255). Typowe zastosowania: Web, Wnętrza, Moda, Branding.

Kolor szary: odcienie jasne i ciemne

Od najjaśniejszego do najciemniejszego. Kliknij odcień, żeby skopiować jego kod.

Kolory pasujące do koloru szary

BiałyCzysty, minimalistyczny duet.CzarnyElegancka, nowoczesna kombinacja.ŻółtyRadosny akcent, który rozjaśnia szarość.Pudrowy różŁagodne, nowoczesne połączenie.GranatowyElegancko i profesjonalnie.MusztardowyCiepło na chłodnej bazie.SzałwiowySpokojne, naturalne zestawienie.Kolor winaGłęboki, elegancki akcent.
Jak łączyć kolor szary w ubraniach i wnętrzach →

Kolor szary: harmonie kolorów

Połączenia oparte na kole barw. Więcej w narzędziu harmonie kolorów.

Dopełniający
Analogiczne
Triada
Dopełnienie rozszczepione
Tetrada

Kolor szary: gotowe palety

Skopiuj kody albo otwórz paletę w edytorze, żeby ją dopasować.

Paleta monochromatyczna · Szary
Paleta analogiczna · Szary
Paleta dopełniająca · Szary
Paleta triada · Szary
Paleta z neutralnymi · Szary
Paleta z akcentem · Szary

Kolor szary: kontrast z tekstem

Biały tekstKontrast 3.9:1 · AA duży tekst
Czarny tekstKontrast 5.3:1 · AA

Według wytycznych WCAG 2.1. Inne pary sprawdzisz w narzędziu do sprawdzania kontrastu.

Kod CSS

:root {
  --szary: #808080;
  --szary-rgb: 128, 128, 128;
}
.tlo { background-color: var(--szary); }
.tekst { color: var(--szary); }

Kolory podobne do koloru szary

Dymny szaryStalowyOłowianyKamiennyŁupkowyCiemnoszarySzaroniebieskiGreigeGrafitowyMokka

Palety tematyczne z tym kolorem

Palety kolorów na absolutorium i zakończenie szkołyPalety kolorów do pracy dyplomowejPalety kolorów dla biura nieruchomościPalety kolorów dla sklepu odzieżowegoPalety kolorów do kuchniPalety kolorów do łazienki

Inne odcienie szarości

JasnoszaryCiemnoszarySrebrnySzary węglowyŁupkowyPopielatyPerłowoszarySzary oxfordGrafitowyTaupeStalowyOłowianyDymny szaryKamiennyPlatynowySzaroniebieskiGreige

Najczęściej zadawane pytania

Jaki jest kod koloru szary?

Kod HEX koloru szary to #808080. W RGB to rgb(128, 128, 128), w HSL hsl(0, 0%, 50%), a w CMYK 0, 0, 0, 50.

Jaki kolor jest dopełniający dla koloru szary?

Kolorem dopełniającym na kole barw jest #808080, odcień zbliżony do koloru: szary. Użyty w małych ilościach służy jako akcent i daje duży kontrast.

Czy biały tekst jest czytelny na tle w kolorze szary?

Lepiej użyj czarnego tekstu: kontrast z białym to tylko 3.9:1, a z czarnym 5.3:1.

Jakie kolory pasują do koloru szary?

Dobrze pasuje do: biały, czarny, żółty, pudrowy róż, granatowy. Unikaj mieszania szarości o różnych podtonach, np. niebieskawej z zielonkawą, bo wyglądają na niedopasowane. Szary z bardzo żółtym beżem też może wyglądać na brudny.