Kolor HEX #5c618a

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #5c618a. Najbardziej podobny do niego kolor to DimGray (#696969), którego odcień to szary. W palecie kolorów X11 nie występuje kolor #5c618a. Najbardziej podobny do niego kolor to Dark Electric Blue (#536878 ).

Konwersja z HEX kolor #5c618a

RGB92
36%
97
38%
138
54%
HSV233º33%54%
HSL233.5º20%45.1%
CMYK0.33
33%
0.3
30%
0
0%
0.46
46%
SystemCzerwonyZielonyNiebieski
HEX5c618a
RGB decimal9297138
Octal134141212
Binary010111000110000110001010
Decimal (0-16777215)6054282

Kolor #5c618a (0x5C618A) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #666699. #5c618a jest kolorem ciemnym, którego poziom jasności wynosi 100/255. Współczynnik kontrastu do koloru białego to 5.95 : 1.

Skala szarości
#737373
Kolor bazowy
#5c618a

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) #5c618a: kąt barwy 233.5º, nasycenie: 20%, jasność: 45.1%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 233º, nasycenie koloru: 33%, a jasność 54%.

Nasycenie koloru (Saturation)

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

saturacja +30
#172bcf
saturacja +20
#3a46ad
saturacja +10
#515896
saturacja -10
#2334c4
saturacja -20
#3a46ad
saturacja -30
#5c618a

Luminacja (Lightness)

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

luminacja +30
#b3b6cc
luminacja +20
#9498b8
luminacja +10
#767ba3
luminacja -10
#484b6b
luminacja -20
#33364d
luminacja -30
#1f202e

Jasność koloru (Brightness)

jasność +10
#767ba4
jasność +20
#8f94bd
jasność +30
#a9aed7
jasność +40
#c2c7f0

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.

#5c618a
#646990
#6c7196
#7d81a1
#8d90ad
#9da0b9
#aeb0c5
#bec0d0
#ced0dc
#dedfe8
#efeff3
#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.

#5c618a
#575c83
#53577c
#4a4e6e
#404461
#373a53
#2e3145
#252737
#1c1d29
#12131c
#090a0e
#000000

Spin koloru

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

Mix koloru

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

#5c618a
#606489
#636788
#6a6d86
#717384
#787982
#808080
#87867d
#8e8c7b
#959279
#9c9877
#a39e75

Kolory RGB

Kolor HEX #5c618a

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(92,97,138). Kolor czerwony (R) ma wartość 92 czyli 36% wartości maksymalnej wartości czerwonego lub 28% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 97 czyli 38% wartości maksymalnej wartości zielonego lub 30% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 138 czyli 54% wartości maksymalnej wartości niebieskiego lub 42% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 327 czyli 43% maksymalnej wartości (765).

Czerwony 36%
Zielony 38%
Niebieski 54%
czerwony 28%     ||     zielony 30%     ||     niebieski 42%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 33% cyjanu, 30% magenty, 0% żółtego i 46% czarnego.

Cyan 33%
Magenta 30%
Yellow 0%
Black 46%

Kolor czcionki #5c618a

<p style="color:#5c618a">Lorem ipsum...</p>

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

Kolor tła #5c618a

<div style="background-color:#5c618a">
Lorem ipsum...
</div>

Kolor tła #5c618a

Kolor obramowania #5c618a

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

Kolor ramki #5c618a