Kolor HEX #5c9e44

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #5c9e44. Najbardziej podobny do niego kolor to OliveDrab (#6b8e23), którego odcień to zielony. W palecie kolorów X11 nie występuje kolor #5c9e44. Najbardziej podobny do niego kolor to Olive Drab (#6b8e23 ).

Konwersja z HEX kolor #5c9e44

RGB92
36%
158
62%
68
27%
HSV104º57%62%
HSL104º39.8%44.3%
CMYK0.42
42%
0
0%
0.57
57%
0.38
38%
SystemCzerwonyZielonyNiebieski
HEX5c9e44
RGB decimal9215868
Octal134236104
Binary010111001001111001000100
Decimal (0-16777215)6069828

Kolor #5c9e44 (0x5C9E44) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #669933. #5c9e44 jest kolorem jasnym, którego poziom jasności wynosi 128/255. Współczynnik kontrastu do koloru białego to 3.22 : 1.

Skala szarości
#717171
Kolor bazowy
#5c9e44

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

Nasycenie koloru (Saturation)

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

saturacja +30
#3ce200
saturacja +20
#4cc022
saturacja +10
#57a939
saturacja -10
#42d60c
saturacja -20
#4cc022
saturacja -30
#5c9e44

Luminacja (Lightness)

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

luminacja +30
#b1d8a3
luminacja +20
#93c880
luminacja +10
#75b95c
luminacja -10
#477a35
luminacja -20
#325725
luminacja -30
#1e3316

Jasność koloru (Brightness)

jasność +10
#76b85e
jasność +20
#8fd177
jasność +30
#a9eb91
jasność +40
#c2ffaa

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.

#5c9e44
#64a34d
#6ca857
#7db169
#8dbb7c
#9dc58f
#aecfa2
#bed8b4
#cee2c7
#deecda
#eff5ec
#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.

#5c9e44
#579641
#538e3d
#4a7e36
#406f30
#375f29
#2e4f22
#253f1b
#1c2f14
#12200e
#091007
#000000

Spin koloru

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

Mix koloru

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

#5c9e44
#609b4a
#639850
#6a925c
#718c68
#788674
#808080
#87798b
#8e7397
#956da3
#9c67af
#a361bb

Kolory RGB

Kolor HEX #5c9e44

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

Czerwony 36%
Zielony 62%
Niebieski 27%
czerwony 29%     ||     zielony 50%     ||     niebieski 21%

Kolory CMYK

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

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

Kolor czcionki #5c9e44

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

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

Kolor tła #5c9e44

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

Kolor tła #5c9e44

Kolor obramowania #5c9e44

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

Kolor ramki #5c9e44