#757575

#757575 — kody koloru i paleta

#757575  ·  rgb(117, 117, 117)  ·  hsl(0, 0%, 46%)

Kody koloru

Format Wartość
HEX #757575
RGB rgb(117, 117, 117)
HSL hsl(0, 0%, 46%)

Odcienie #757575

#696969#5C5C5C#4F4F4F#424242#363636#292929#1C1C1C#0F0F0F

Jasności #757575

#858585#949494#A3A3A3#B3B3B3#C2C2C2#D1D1D1#E0E0E0#F0F0F0

Zestawienia kolorów i harmonia

Komplementarny
#757575
Analogiczny +30°
#757575
Analogiczny −30°
#757575
Triadyczny +120°
#757575
Triadyczny −120°
#757575

Kontrast i dostępność (WCAG 2.1)

na tle białym (#FFFFFF)
4.61:1 — AA — zaliczony dla normalnego tekstu
na tle czarnym (#000000)
4.56:1 — AA — zaliczony dla normalnego tekstu

Fragment CSS

.element {
  color: #757575;
}

.element-bg {
  background-color: #757575;
  color: #ffffff;
}

.element-border {
  border: 2px solid #757575;
}

O kolorze #757575

#757575 to kolor średni o bardzo niskim nasyceniu (niemal achromatyczny), zdefiniowany kodem hex #757575. Dokładne wartości modeli barw to rgb(117, 117, 117) w RGB i hsl(0, 0%, 46%) w HSL (barwa 0°, nasycenie 0%, jasność 46%). Na białym tle współczynnik kontrastu wynosi 4.61:1 — AA — zaliczony dla normalnego tekstu, na czarnym — 4.56:1 — AA — zaliczony dla normalnego tekstu. Użyj #757575 do elementów UI, teł, tekstu, obramowań lub dekoracyjnych akcentów. Sekcja odcieni pokazuje stopniowo ciemniejsze warianty, a jasności — stopniowo jaśniejsze, przydatne do budowania tonalnej palety. Próbki harmonii prezentują zestawienia komplementarne, analogiczne i triadyczne na podstawie koła barw HSL.

Chcesz eksplorować ten kolor interaktywnie, tworzyć palety lub konwertować formaty? DevArbor Color Picker ma wszystko, czego potrzebujesz.

Otwórz próbnik kolorów →

Najczęstsze pytania

Jaka jest wartość RGB koloru #757575?
Wartość RGB koloru #757575 (#757575) to rgb(117, 117, 117). Reprezentuje ilości czerwonego, zielonego i niebieskiego światła w skali 0–255.
Czy #757575 jest dostępny na białym tle?
Współczynnik kontrastu koloru #757575 na białym tle (#FFFFFF) wynosi 4.61:1 — AA — zaliczony dla normalnego tekstu. Na czarnym tle (#000000) wynosi 4.56:1 — AA — zaliczony dla normalnego tekstu. WCAG 2.1 wymaga 4,5:1 dla AA (normalny tekst) i 7:1 dla AAA.
Jakie kolory pasują do #757575?
Według teorii kolorów #757575 (hsl(0, 0%, 46%)) dobrze komponuje się z kolorami komplementarnymi, analogicznymi i triadycznymi. Zobacz próbki harmonii powyżej, aby poznać dokładne wartości hex każdego zestawienia.