Kolor HEX #5b9977

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #5b9977. Najbardziej podobny do niego kolor to MediumSeaGreen (#3cb371), którego odcień to zielony. W palecie kolorów X11 nie występuje kolor #5b9977. Najbardziej podobny do niego kolor to Deep Aquamarine (#40826d ).

Konwersja z HEX kolor #5b9977

RGB91
36%
153
60%
119
47%
HSV147º41%60%
HSL147.1º25.4%47.8%
CMYK0.41
41%
0
0%
0.22
22%
0.4
40%
SystemCzerwonyZielonyNiebieski
HEX5b9977
RGB decimal91153119
Octal133231167
Binary010110111001100101110111
Decimal (0-16777215)6003063

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

Skala szarości
#7a7a7a
Kolor bazowy
#5b9977

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) #5b9977: kąt barwy 147.1º, nasycenie: 25.4%, jasność: 47.8%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 147º, nasycenie koloru: 41%, a jasność 60%.

Nasycenie koloru (Saturation)

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

saturacja +30
#12e270
saturacja +20
#36bd73
saturacja +10
#4fa576
saturacja -10
#1ed671
saturacja -20
#36bd73
saturacja -30
#5b9977

Luminacja (Lightness)

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

luminacja +30
#b8d5c5
luminacja +20
#98c2ab
luminacja +10
#78af91
luminacja -10
#48795e
luminacja -20
#355945
luminacja -30
#22392c

Jasność koloru (Brightness)

jasność +10
#75b391
jasność +20
#8eccaa
jasność +30
#a8e6c4
jasność +40
#c1ffdd

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.

#5b9977
#639e7e
#6ba385
#7cad92
#8cb8a0
#9dc2ad
#adccbb
#bdd6c9
#cee0d6
#deebe4
#eff5f1
#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.

#5b9977
#569171
#528a6b
#497a5f
#406b53
#375c47
#2e4d3c
#243d30
#1b2e24
#121f18
#090f0c
#000000

Spin koloru

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

Mix koloru

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

#5b9977
#5f9678
#629479
#6a8f7a
#718a7c
#78857e
#808080
#877a81
#8e7583
#957085
#9d6b86
#a46688

Kolory RGB

Kolor HEX #5b9977

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(91,153,119). Kolor czerwony (R) ma wartość 91 czyli 36% wartości maksymalnej wartości czerwonego lub 25% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 153 czyli 60% wartości maksymalnej wartości zielonego lub 42% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 119 czyli 47% wartości maksymalnej wartości niebieskiego lub 33% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 363 czyli 47% maksymalnej wartości (765).

Czerwony 36%
Zielony 60%
Niebieski 47%
czerwony 25%     ||     zielony 42%     ||     niebieski 33%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 41% cyjanu, 0% magenty, 22% żółtego i 40% czarnego.

Cyan 41%
Magenta 0%
Yellow 22%
Black 40%

Kolor czcionki #5b9977

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

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

Kolor tła #5b9977

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

Kolor tła #5b9977

Kolor obramowania #5b9977

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

Kolor ramki #5b9977