Kolor HEX #50154e

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #50154e. Najbardziej podobny do niego kolor to Indigo (#4b0082), którego odcień to purpurowy. W palecie kolorów X11 nie występuje kolor #50154e. Najbardziej podobny do niego kolor to Brown Chocolate (#5f1933 ).

Konwersja z HEX kolor #50154e

RGB80
31%
21
8%
78
31%
HSV302º74%31%
HSL302º58.4%19.8%
CMYK0
0%
0.74
74%
0.03
3%
0.69
69%
SystemCzerwonyZielonyNiebieski
HEX50154e
RGB decimal802178
Octal12025116
Binary010100000001010101001110
Decimal (0-16777215)5248334

Kolor #50154e (0x50154E) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #660066. #50154e jest kolorem ciemnym, którego poziom jasności wynosi 45/255. Współczynnik kontrastu do koloru białego to 14.02 : 1.

Skala szarości
#323232
Kolor bazowy
#50154e

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) #50154e: kąt barwy 302º, nasycenie: 58.4%, jasność: 19.8%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 302º, nasycenie koloru: 74%, a jasność 31%.

Nasycenie koloru (Saturation)

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

saturacja +30
#650062
saturacja +20
#5f065c
saturacja +10
#551053
saturacja -10
#60055d
saturacja -20
#560f53
saturacja -30
#471e45

Luminacja (Lightness)

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

luminacja +30
#c935c4
luminacja +20
#a12a9d
luminacja +10
#782075
luminacja -10
#280a27
luminacja -20
#000000
luminacja -30
#000000

Jasność koloru (Brightness)

jasność +10
#6a2f68
jasność +20
#834881
jasność +30
#9d629b
jasność +40
#b67bb4

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.

#50154e
#592157
#622c60
#734471
#855b83
#967395
#a88aa7
#b9a1b8
#cbb9ca
#dcd0dc
#eee8ed
#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.

#50154e
#4c144a
#481346
#40113e
#380f37
#300d2f
#280b27
#20081f
#180617
#100410
#080208
#000000

Spin koloru

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

Mix koloru

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

#50154e
#552053
#5a2a58
#634062
#6d556c
#766a76
#808080
#899589
#93aa93
#9cbf9d
#a6d5a7
#afeab1

Kolory RGB

Kolor HEX #50154e

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(80,21,78). Kolor czerwony (R) ma wartość 80 czyli 31% wartości maksymalnej wartości czerwonego lub 45% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 21 czyli 8% wartości maksymalnej wartości zielonego lub 12% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 78 czyli 31% wartości maksymalnej wartości niebieskiego lub 44% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 179 czyli 23% maksymalnej wartości (765).

Czerwony 31%
Zielony 8%
Niebieski 31%
czerwony 45%     ||     zielony 12%     ||     niebieski 44%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 74% magenty, 3% żółtego i 69% czarnego.

Cyan 0%
Magenta 74%
Yellow 3%
Black 69%

Kolor czcionki #50154e

<p style="color:#50154e">Lorem ipsum...</p>

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

Kolor tła #50154e

<div style="background-color:#50154e">
Lorem ipsum...
</div>

Kolor tła #50154e

Kolor obramowania #50154e

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

Kolor ramki #50154e