Kolor HEX #548b4e

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #548b4e. Najbardziej podobny do niego kolor to SeaGreen (#2e8b57), którego odcień to zielony. W palecie kolorów X11 nie występuje kolor #548b4e. Najbardziej podobny do niego kolor to Deep Aquamarine (#40826d ).

Konwersja z HEX kolor #548b4e

RGB84
33%
139
55%
78
31%
HSV114º44%55%
HSL114.1º28.1%42.5%
CMYK0.4
40%
0
0%
0.44
44%
0.45
45%
SystemCzerwonyZielonyNiebieski
HEX548b4e
RGB decimal8413978
Octal124213116
Binary010101001000101101001110
Decimal (0-16777215)5540686

Kolor #548b4e (0x548B4E) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #669966. #548b4e jest kolorem ciemnym, którego poziom jasności wynosi 116/255. Współczynnik kontrastu do koloru białego to 4.01 : 1.

Skala szarości
#6c6c6c
Kolor bazowy
#548b4e

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) #548b4e: kąt barwy 114.1º, nasycenie: 28.1%, jasność: 42.5%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 114º, nasycenie koloru: 44%, a jasność 55%.

Nasycenie koloru (Saturation)

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

saturacja +30
#20cc0d
saturacja +20
#3aab2d
saturacja +10
#4b9643
saturacja -10
#28c118
saturacja -20
#3aab2d
saturacja -30
#548b4e

Luminacja (Lightness)

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

luminacja +30
#a9cda5
luminacja +20
#8aba85
luminacja +10
#6ba864
luminacja -10
#406a3c
luminacja -20
#2c4929
luminacja -30
#192917

Jasność koloru (Brightness)

jasność +10
#6ea568
jasność +20
#87be81
jasność +30
#a1d89b
jasność +40
#baf1b4

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.

#548b4e
#5d9157
#659760
#76a271
#87ae83
#98b995
#aac5a7
#bbd1b8
#ccdcca
#dde8dc
#eef3ed
#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.

#548b4e
#50844a
#4c7d46
#436f3e
#3b6137
#32532f
#2a4627
#22381f
#192a17
#111c10
#080e08
#000000

Spin koloru

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

Mix koloru

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

#548b4e
#588a53
#5d8958
#658662
#6e846c
#778276
#808080
#887d89
#917b93
#9a799d
#a276a7
#ab74b1

Kolory RGB

Kolor HEX #548b4e

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(84,139,78). Kolor czerwony (R) ma wartość 84 czyli 33% wartości maksymalnej wartości czerwonego lub 28% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 139 czyli 55% wartości maksymalnej wartości zielonego lub 46% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 78 czyli 31% wartości maksymalnej wartości niebieskiego lub 26% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 301 czyli 39% maksymalnej wartości (765).

Czerwony 33%
Zielony 55%
Niebieski 31%
czerwony 28%     ||     zielony 46%     ||     niebieski 26%

Kolory CMYK

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

Cyan 40%
Magenta 0%
Yellow 44%
Black 45%

Kolor czcionki #548b4e

<p style="color:#548b4e">Lorem ipsum...</p>

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

Kolor tła #548b4e

<div style="background-color:#548b4e">
Lorem ipsum...
</div>

Kolor tła #548b4e

Kolor obramowania #548b4e

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

Kolor ramki #548b4e