#4682B4

SteelBlue — kody koloru i paleta

Q: Jaka jest wartość RGB koloru SteelBlue?

Wartość RGB koloru SteelBlue (#4682B4) to rgb(70, 130, 180). Opisuje kanały czerwonego, zielonego i niebieskiego w skali 0–255.

Q: Czy SteelBlue jest dostępny na białym tle?

Współczynnik kontrastu koloru SteelBlue (#4682B4) na białym tle (#FFFFFF) wynosi 4.11:1 — AA — zaliczony tylko dla dużego tekstu. Na czarnym tle (#000000) wynosi 5.11:1 — AA — zaliczony dla normalnego tekstu. WCAG 2.1 wymaga 4,5:1 dla normalnego tekstu (AA) i 7:1 dla rozszerzonego (AAA).

Q: Jakie kolory pasują do SteelBlue?

SteelBlue (#4682B4) dobrze komponuje się z kolorem komplementarnym i analogicznymi odcieniami. Kolor komplementarny to #B47746, analogiczny +30° to #464BB4, a jeden z triadycznych to #B44682. Zależności te wynikają z teorii kolorów z użyciem HSL (hsl(207, 44%, 49%)) jako podstawy.

#4682B4 · rgb(70, 130, 180) · hsl(207, 44%, 49%)

Kody koloru

Format	Wartość
HEX	#4682B4
RGB	rgb(70, 130, 180)
HSL	hsl(207, 44%, 49%)

Odcienie SteelBlue

#3F75A2

#38688F

#315B7D

#294D6A

#224058

#1B3346

#142533

#0D1821

Jasności SteelBlue

#568FBD

#689BC4

#7BA7CC

#8DB3D3

#A0C0DA

#B2CCE1

#C4D8E8

#D7E4EF

Zestawienia kolorów i harmonia

Komplementarny

#B47746

Analogiczny +30°

#464BB4

Analogiczny −30°

#46B4AE

Triadyczny +120°

#B44682

Triadyczny −120°

#82B446

Kontrast i dostępność (WCAG 2.1)

na tle białym (#FFFFFF)

4.11:1 — AA — zaliczony tylko dla dużego tekstu

na tle czarnym (#000000)

5.11:1 — AA — zaliczony dla normalnego tekstu

Fragment CSS

.element {
  color: #4682B4;
}

.element-bg {
  background-color: #4682B4;
  color: #000000;
}

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

O kolorze SteelBlue

SteelBlue to kolor średni o umiarkowanym nasyceniu, zdefiniowany kodem hex #4682B4. Dokładne wartości modeli barw to rgb(70, 130, 180) w RGB i hsl(207, 44%, 49%) w HSL (barwa 207°, nasycenie 44%, jasność 49%). Na białym tle współczynnik kontrastu wynosi 4.11:1 — AA — zaliczony tylko dla dużego tekstu, na czarnym — 5.11:1 — AA — zaliczony dla normalnego tekstu. Użyj SteelBlue 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 SteelBlue?

Wartość RGB koloru SteelBlue (#4682B4) to rgb(70, 130, 180). Reprezentuje ilości czerwonego, zielonego i niebieskiego światła w skali 0–255.

Czy SteelBlue jest dostępny na białym tle?

Współczynnik kontrastu koloru SteelBlue na białym tle (#FFFFFF) wynosi 4.11:1 — AA — zaliczony tylko dla dużego tekstu. Na czarnym tle (#000000) wynosi 5.11: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 SteelBlue?

Według teorii kolorów SteelBlue (hsl(207, 44%, 49%)) 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.