Kolor HEX #9e4498

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #9e4498. Najbardziej podobny do niego kolor to DarkOrchid (#9932cc), którego odcień to purpurowy. W palecie kolorów X11 nie występuje kolor #9e4498. Najbardziej podobny do niego kolor to Plum (#8e4585 ).

Konwersja z HEX kolor #9e4498

RGB158
62%
68
27%
152
60%
HSV304º57%62%
HSL304º39.8%44.3%
CMYK0
0%
0.57
57%
0.04
4%
0.38
38%
SystemCzerwonyZielonyNiebieski
HEX9e4498
RGB decimal15868152
Octal236104230
Binary100111100100010010011000
Decimal (0-16777215)10372248

Kolor #9e4498 (0x9E4498) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #993399. #9e4498 jest kolorem ciemnym, którego poziom jasności wynosi 104/255. Współczynnik kontrastu do koloru białego to 5.63 : 1.

Skala szarości
#717171
Kolor bazowy
#9e4498

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) #9e4498: kąt barwy 304º, nasycenie: 39.8%, jasność: 44.3%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 304º, nasycenie koloru: 57%, a jasność 62%.

Nasycenie koloru (Saturation)

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

saturacja +30
#e200d3
saturacja +20
#c022b5
saturacja +10
#a939a2
saturacja -10
#d60cc9
saturacja -20
#c022b5
saturacja -30
#9e4498

Luminacja (Lightness)

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

luminacja +30
#d8a3d4
luminacja +20
#c880c3
luminacja +10
#b95cb3
luminacja -10
#7a3576
luminacja -20
#572553
luminacja -30
#331631

Jasność koloru (Brightness)

jasność +10
#b85eb2
jasność +20
#d177cb
jasność +30
#eb91e5
jasność +40
#ffaafe

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.

#9e4498
#a34d9d
#a857a2
#b169ad
#bb7cb7
#c58fc1
#cfa2cc
#d8b4d6
#e2c7e0
#ecdaea
#f5ecf5
#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.

#9e4498
#964190
#8e3d89
#7e367a
#6f306a
#5f295b
#4f224c
#3f1b3d
#2f142e
#200e1e
#10070f
#000000

Spin koloru

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

Mix koloru

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

#9e4498
#9b4a96
#985093
#925c8e
#8c6889
#867484
#808080
#798b7b
#739776
#6da371
#67af6c
#61bb67

Kolory RGB

Kolor HEX #9e4498

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(158,68,152). Kolor czerwony (R) ma wartość 158 czyli 62% wartości maksymalnej wartości czerwonego lub 42% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 68 czyli 27% wartości maksymalnej wartości zielonego lub 18% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 152 czyli 60% wartości maksymalnej wartości niebieskiego lub 40% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 378 czyli 49% maksymalnej wartości (765).

Czerwony 62%
Zielony 27%
Niebieski 60%
czerwony 42%     ||     zielony 18%     ||     niebieski 40%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 57% magenty, 4% żółtego i 38% czarnego.

Cyan 0%
Magenta 57%
Yellow 4%
Black 38%

Kolor czcionki #9e4498

<p style="color:#9e4498">Lorem ipsum...</p>

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

Kolor tła #9e4498

<div style="background-color:#9e4498">
Lorem ipsum...
</div>

Kolor tła #9e4498

Kolor obramowania #9e4498

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

Kolor ramki #9e4498