#424242

#424242 — kody koloru i paleta

#424242  ·  rgb(66, 66, 66)  ·  hsl(0, 0%, 26%)

Kody koloru

Format Wartość
HEX #424242
RGB rgb(66, 66, 66)
HSL hsl(0, 0%, 26%)

Odcienie #424242

#3D3D3D#383838#333333#2E2E2E#292929#242424#1F1F1F#1A1A1A

Jasności #424242

#575757#6B6B6B#808080#949494#A8A8A8#BDBDBD#D1D1D1#E6E6E6

Zestawienia kolorów i harmonia

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

Kontrast i dostępność (WCAG 2.1)

na tle białym (#FFFFFF)
10.05:1 — AAA — zaliczony dla normalnego tekstu
na tle czarnym (#000000)
2.09:1 — Nie zaliczony

Fragment CSS

.element {
  color: #424242;
}

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

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

O kolorze #424242

#424242 to kolor ciemny o bardzo niskim nasyceniu (niemal achromatyczny), zdefiniowany kodem hex #424242. Dokładne wartości modeli barw to rgb(66, 66, 66) w RGB i hsl(0, 0%, 26%) w HSL (barwa 0°, nasycenie 0%, jasność 26%). Na białym tle współczynnik kontrastu wynosi 10.05:1 — AAA — zaliczony dla normalnego tekstu, na czarnym — 2.09:1 — Nie zaliczony. Użyj #424242 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 #424242?
Wartość RGB koloru #424242 (#424242) to rgb(66, 66, 66). Reprezentuje ilości czerwonego, zielonego i niebieskiego światła w skali 0–255.
Czy #424242 jest dostępny na białym tle?
Współczynnik kontrastu koloru #424242 na białym tle (#FFFFFF) wynosi 10.05:1 — AAA — zaliczony dla normalnego tekstu. Na czarnym tle (#000000) wynosi 2.09:1 — Nie zaliczony. WCAG 2.1 wymaga 4,5:1 dla AA (normalny tekst) i 7:1 dla AAA.
Jakie kolory pasują do #424242?
Według teorii kolorów #424242 (hsl(0, 0%, 26%)) 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.