#8A2BE2

BlueViolet — kody koloru i paleta

Q: Jaka jest wartość RGB koloru BlueViolet?

Wartość RGB koloru BlueViolet (#8A2BE2) to rgb(138, 43, 226). Opisuje kanały czerwonego, zielonego i niebieskiego w skali 0–255.

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

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

Q: Jakie kolory pasują do BlueViolet?

BlueViolet (#8A2BE2) dobrze komponuje się z kolorem komplementarnym i analogicznymi odcieniami. Kolor komplementarny to #84E22C, analogiczny +30° to #E22CDF, a jeden z triadycznych to #E28A2C. Zależności te wynikają z teorii kolorów z użyciem HSL (hsl(271, 76%, 53%)) jako podstawy.

#8A2BE2 · rgb(138, 43, 226) · hsl(271, 76%, 53%)

Kody koloru

Format	Wartość
HEX	#8A2BE2
RGB	rgb(138, 43, 226)
HSL	hsl(271, 76%, 53%)

Odcienie BlueViolet

#7E1DD7

#701AC1

#6317AB

#561494

#49117E

#3C0E67

#2F0B51

#22083A

Jasności BlueViolet

#9743E5

#A359E8

#AF6FEB

#BC86EE

#C89CF2

#D5B3F5

#E1C9F8

#EEE0FB

Zestawienia kolorów i harmonia

Komplementarny

#84E22C

Analogiczny +30°

#E22CDF

Analogiczny −30°

#2F2CE2

Triadyczny +120°

#E28A2C

Triadyczny −120°

#2CE28A

Kontrast i dostępność (WCAG 2.1)

na tle białym (#FFFFFF)

5.96:1 — AA — zaliczony dla normalnego tekstu

na tle czarnym (#000000)

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

Fragment CSS

.element {
  color: #8A2BE2;
}

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

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

O kolorze BlueViolet

BlueViolet to kolor średni o wysokim nasyceniu, zdefiniowany kodem hex #8A2BE2. Dokładne wartości modeli barw to rgb(138, 43, 226) w RGB i hsl(271, 76%, 53%) w HSL (barwa 271°, nasycenie 76%, jasność 53%). Na białym tle współczynnik kontrastu wynosi 5.96:1 — AA — zaliczony dla normalnego tekstu, na czarnym — 3.52:1 — AA — zaliczony tylko dla dużego tekstu. Użyj BlueViolet 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 BlueViolet?

Wartość RGB koloru BlueViolet (#8A2BE2) to rgb(138, 43, 226). Reprezentuje ilości czerwonego, zielonego i niebieskiego światła w skali 0–255.

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

Współczynnik kontrastu koloru BlueViolet na białym tle (#FFFFFF) wynosi 5.96:1 — AA — zaliczony dla normalnego tekstu. Na czarnym tle (#000000) wynosi 3.52:1 — AA — zaliczony tylko dla dużego tekstu. WCAG 2.1 wymaga 4,5:1 dla AA (normalny tekst) i 7:1 dla AAA.

Jakie kolory pasują do BlueViolet?

Według teorii kolorów BlueViolet (hsl(271, 76%, 53%)) 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.