#757575 — kody koloru i paleta
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)
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 →