Kolor HEX #449e4a

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

Konwersja z HEX kolor #449e4a

RGB68
27%
158
62%
74
29%
HSV124º57%62%
HSL124º39.8%44.3%
CMYK0.57
57%
0
0%
0.53
53%
0.38
38%
SystemCzerwonyZielonyNiebieski
HEX449e4a
RGB decimal6815874
Octal104236112
Binary010001001001111001001010
Decimal (0-16777215)4496970

Kolor #449e4a (0x449E4A) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #339933. #449e4a jest kolorem ciemnym, którego poziom jasności wynosi 122/255. Współczynnik kontrastu do koloru białego to 3.32 : 1.

Skala szarości
#717171
Kolor bazowy
#449e4a

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

Nasycenie koloru (Saturation)

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

saturacja +30
#00e20f
saturacja +20
#22c02d
saturacja +10
#39a940
saturacja -10
#0cd619
saturacja -20
#22c02d
saturacja -30
#449e4a

Luminacja (Lightness)

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

luminacja +30
#a3d8a7
luminacja +20
#80c885
luminacja +10
#5cb962
luminacja -10
#357a39
luminacja -20
#255729
luminacja -30
#163318

Jasność koloru (Brightness)

jasność +10
#5eb864
jasność +20
#77d17d
jasność +30
#91eb97
jasność +40
#aaffb0

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.

#449e4a
#4da353
#57a85c
#69b16e
#7cbb80
#8fc592
#a2cfa5
#b4d8b7
#c7e2c9
#daecdb
#ecf5ed
#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.

#449e4a
#419646
#3d8e43
#367e3b
#306f34
#295f2c
#224f25
#1b3f1e
#142f16
#0e200f
#071007
#000000

Spin koloru

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

Mix koloru

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

#449e4a
#4a9b4f
#509855
#5c925f
#688c6a
#748675
#808080
#8b798a
#977395
#a36da0
#af67aa
#bb61b5

Kolory RGB

Kolor HEX #449e4a

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

Czerwony 27%
Zielony 62%
Niebieski 29%
czerwony 23%     ||     zielony 53%     ||     niebieski 25%

Kolory CMYK

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

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

Kolor czcionki #449e4a

<p style="color:#449e4a">Lorem ipsum...</p>

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

Kolor tła #449e4a

<div style="background-color:#449e4a">
Lorem ipsum...
</div>

Kolor tła #449e4a

Kolor obramowania #449e4a

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

Kolor ramki #449e4a