Kolor Purple HEX #6a0dad

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #6a0dad. Najbardziej podobny do niego kolor to RebeccaPurple (#663399), którego odcień to purpurowy. W palecie kolorów X11 znajduje się taki kolor. Jest to Purple rgb(106,13,173).

Konwersja z HEX kolor #6a0dad

RGB106
42%
13
5%
173
68%
HSV275º92%68%
HSL274.9º86%36.5%
CMYK0.39
39%
0.92
92%
0
0%
0.32
32%
SystemCzerwonyZielonyNiebieski
HEX6a0dad
RGB decimal10613173
Octal15215255
Binary011010100000110110101101
Decimal (0-16777215)6950317

Kolor #6a0dad (0x6A0DAD) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #660099. #6a0dad jest kolorem ciemnym, którego poziom jasności wynosi 59/255. Współczynnik kontrastu do koloru białego to 9.33 : 1.

Skala szarości
#5d5d5d
Kolor bazowy
#6a0dad

Opracowane w latach 70. XX wieku do zastosowań w grafice komputerowej HSL i HSV to dwie najpopularniejsze reprezentacje punktów w modelu kolorów RGB za pomocą współrzędnych cylindrycznych (cylindryczny układ współrzędnych), gdzie HSL oznacza odcień, nasycenie i jasność i często nazywany jest także HLS. HSV oznacza odcień, nasycenie i wartość i często jest również nazywany HSB ( B oznacza jasność ). Trzecim modelem, powszechnym w zastosowaniach związanych z wizją komputerową, jest HSI, określający barwę, nasycenie i intensywność.

Kolor HSL (cylindryczna reprezentacja koloru) #6a0dad: kąt barwy 274.9º, nasycenie: 86%, jasność: 36.5%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 275º, nasycenie koloru: 92%, a jasność 68%.

Nasycenie koloru (Saturation)

Zwiększ lub zmniejsz nasycenie koloru o określony procent.

saturacja +30
#6c00ba
saturacja +20
#6c00ba
saturacja +10
#6c04b6
saturacja -10
#6b09b1
saturacja -20
#681c9e
saturacja -30
#633882

Luminacja (Lightness)

Zmiana natężenia oświetlenia o określony procent.

luminacja +30
#b660f3
luminacja +20
#a031ef
luminacja +10
#8711dd
luminacja -10
#4d097e
luminacja -20
#30064e
luminacja -30
#13021f

Jasność koloru (Brightness)

jasność +10
#8427c7
jasność +20
#9d40e0
jasność +30
#b75afa
jasność +40
#d073ff

Odcień koloru (Tint)

Odcień koloru uzyskuje się poprzez zmieszanie koloru z bielą, co zmniejsza intensywność koloru. Zwiększa luminancję kolorów, ale jednocześnie zmniejsza ich nasycenie.

#6a0dad
#7119b1
#7925b5
#883dbd
#9756c6
#a66ece
#b586d6
#c39ede
#d2b6e6
#e1cfef
#f0e7f7
#ffffff

Odcień koloru (Shade)

Odcień koloru uzyskuje się poprzez zmieszanie koloru z czernią, co zwiększa intensywność koloru. Zmniejsza luminancję kolorów, ale jednocześnie zmniejsza ich nasycenie.

#6a0dad
#650ca4
#5f0c9c
#550a8a
#4a0979
#400868
#350757
#2a0545
#200434
#150323
#0b0111
#000000

Spin koloru

Obrót o określony kąt [-360, 360]

Mix koloru

Mix z kolorem odwróconym o określony procent.

#6a0dad
#6c18a8
#6e24a4
#733b9b
#775292
#7b6989
#808080
#849676
#88ad6d
#8cc464
#91db5b
#95f252

Kolory RGB

Kolor HEX #6a0dad

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(106,13,173). Kolor czerwony (R) ma wartość 106 czyli 42% wartości maksymalnej wartości czerwonego lub 36% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 13 czyli 5% wartości maksymalnej wartości zielonego lub 4% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 173 czyli 68% wartości maksymalnej wartości niebieskiego lub 59% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 292 czyli 38% maksymalnej wartości (765).

Czerwony 42%
Zielony 5%
Niebieski 68%
czerwony 36%     ||     zielony 4%     ||     niebieski 59%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 39% cyjanu, 92% magenty, 0% żółtego i 32% czarnego.

Cyan 39%
Magenta 92%
Yellow 0%
Black 32%

Kolor czcionki #6a0dad

<p style="color:#6a0dad">Lorem ipsum...</p>

Przykładowy tekst z kolorem #6a0dad czcionki: lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Kolor tła #6a0dad

<div style="background-color:#6a0dad">
Lorem ipsum...
</div>

Kolor tła #6a0dad

Kolor obramowania #6a0dad

<div style="border:5px solid #6a0dad">
Lorem ipsum...
</p>

Kolor ramki #6a0dad