#651FFF

#651FFF — kody koloru i paleta

#651FFF  ·  rgb(101, 31, 255)  ·  hsl(259, 100%, 56%)

Kody koloru

Format Wartość
HEX #651FFF
RGB rgb(101, 31, 255)
HSL hsl(259, 100%, 56%)

Odcienie #651FFF

#5100FF#4700E0#3D00C2#3400A3#2A0085#200066#170047#0D0029

Jasności #651FFF

#7433FF#8247FF#8F5CFF#9D70FF#AB85FF#B999FF#C7ADFF#D5C2FF

Zestawienia kolorów i harmonia

Komplementarny
#B8FF1F
Analogiczny +30°
#D61FFF
Analogiczny −30°
#1F48FF
Triadyczny +120°
#FF661F
Triadyczny −120°
#1FFF66

Kontrast i dostępność (WCAG 2.1)

na tle białym (#FFFFFF)
6.58:1 — AA — zaliczony dla normalnego tekstu
na tle czarnym (#000000)
3.19:1 — AA — zaliczony tylko dla dużego tekstu

Fragment CSS

.element {
  color: #651FFF;
}

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

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

O kolorze #651FFF

#651FFF to kolor średni o żywym, bardzo wysokim nasyceniu, zdefiniowany kodem hex #651FFF. Dokładne wartości modeli barw to rgb(101, 31, 255) w RGB i hsl(259, 100%, 56%) w HSL (barwa 259°, nasycenie 100%, jasność 56%). Na białym tle współczynnik kontrastu wynosi 6.58:1 — AA — zaliczony dla normalnego tekstu, na czarnym — 3.19:1 — AA — zaliczony tylko dla dużego tekstu. Użyj #651FFF 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 #651FFF?
Wartość RGB koloru #651FFF (#651FFF) to rgb(101, 31, 255). Reprezentuje ilości czerwonego, zielonego i niebieskiego światła w skali 0–255.
Czy #651FFF jest dostępny na białym tle?
Współczynnik kontrastu koloru #651FFF na białym tle (#FFFFFF) wynosi 6.58:1 — AA — zaliczony dla normalnego tekstu. Na czarnym tle (#000000) wynosi 3.19: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 #651FFF?
Według teorii kolorów #651FFF (hsl(259, 100%, 56%)) 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.