Kolor HEX #3ae36c

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

Konwersja z HEX kolor #3ae36c

RGB58
23%
227
89%
108
42%
HSV138º74%89%
HSL137.8º75.1%55.9%
CMYK0.74
74%
0
0%
0.52
52%
0.11
11%
SystemCzerwonyZielonyNiebieski
HEX3ae36c
RGB decimal58227108
Octal72343154
Binary001110101110001101101100
Decimal (0-16777215)3859308

Kolor #3ae36c (0x3AE36C) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #33cc66. #3ae36c jest kolorem jasnym, którego poziom jasności wynosi 163/255. Współczynnik kontrastu do koloru białego to 1.69 : 1.

Skala szarości
#8f8f8f
Kolor bazowy
#3ae36c

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) #3ae36c: kąt barwy 137.8º, nasycenie: 75.1%, jasność: 55.9%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 138º, nasycenie koloru: 74%, a jasność 89%.

Nasycenie koloru (Saturation)

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

saturacja +30
#1eff61
saturacja +20
#1eff61
saturacja +10
#2fee68
saturacja -10
#29f465
saturacja -20
#40dd6f
saturacja -30
#62bc7c

Luminacja (Lightness)

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

luminacja +30
#c0f6d0
luminacja +20
#93f0af
luminacja +10
#67e98d
luminacja -10
#1dcd51
luminacja -20
#17a040
luminacja -30
#10742e

Jasność koloru (Brightness)

jasność +10
#54fd86
jasność +20
#6dff9f
jasność +30
#87ffb9
jasność +40
#a0ffd2

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.

#3ae36c
#44e473
#4ee67b
#61e989
#75eb98
#89eea7
#9df1b6
#b0f4c4
#c4f7d3
#d8f9e2
#ebfcf0
#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.

#3ae36c
#37d867
#34cc61
#2eb656
#299f4c
#238841
#1d7236
#175b2b
#114420
#0c2d16
#06170b
#000000

Spin koloru

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

Mix koloru

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

#3ae36c
#41d96e
#48cf70
#56bb74
#64a778
#72937c
#808080
#8d6c83
#9b5887
#a9448b
#b7308f
#c51c93

Kolory RGB

Kolor HEX #3ae36c

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(58,227,108). Kolor czerwony (R) ma wartość 58 czyli 23% wartości maksymalnej wartości czerwonego lub 15% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 227 czyli 89% wartości maksymalnej wartości zielonego lub 58% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 108 czyli 42% wartości maksymalnej wartości niebieskiego lub 27% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 393 czyli 51% maksymalnej wartości (765).

Czerwony 23%
Zielony 89%
Niebieski 42%
czerwony 15%     ||     zielony 58%     ||     niebieski 27%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 74% cyjanu, 0% magenty, 52% żółtego i 11% czarnego.

Cyan 74%
Magenta 0%
Yellow 52%
Black 11%

Kolor czcionki #3ae36c

<p style="color:#3ae36c">Lorem ipsum...</p>

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

Kolor tła #3ae36c

<div style="background-color:#3ae36c">
Lorem ipsum...
</div>

Kolor tła #3ae36c

Kolor obramowania #3ae36c

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

Kolor ramki #3ae36c