Kolor HEX #3dfa7c

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #3dfa7c. Najbardziej podobny do niego kolor to SpringGreen (#00ff7f), którego odcień to zielony. W palecie kolorów X11 nie występuje kolor #3dfa7c. Najbardziej podobny do niego kolor to Spring Green (#00ff7f ).

Konwersja z HEX kolor #3dfa7c

RGB61
24%
250
98%
124
49%
HSV140º76%98%
HSL140º95%61%
CMYK0.76
76%
0
0%
0.5
50%
0.02
2%
SystemCzerwonyZielonyNiebieski
HEX3dfa7c
RGB decimal61250124
Octal75372174
Binary001111011111101001111100
Decimal (0-16777215)4061820

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

Skala szarości
#9c9c9c
Kolor bazowy
#3dfa7c

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) #3dfa7c: kąt barwy 140º, nasycenie: 95%, jasność: 61%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 140º, nasycenie koloru: 76%, a jasność 98%.

Nasycenie koloru (Saturation)

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

saturacja +30
#38ff7a
saturacja +20
#38ff7a
saturacja +10
#38ff7a
saturacja -10
#42f57e
saturacja -20
#56e184
saturacja -30
#74c38e

Luminacja (Lightness)

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

luminacja +30
#d2fee1
luminacja +20
#a1fdbf
luminacja +10
#6ffb9e
luminacja -10
#0bf95a
luminacja -20
#05cc47
luminacja -30
#049a36

Jasność koloru (Brightness)

jasność +10
#57ff96
jasność +20
#70ffaf
jasność +30
#8affc9
jasność +40
#a3ffe2

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.

#3dfa7c
#47fa83
#50fb89
#64fb96
#77fca3
#8bfcb0
#9efdbe
#b1fdcb
#c5fed8
#d8fee5
#ecfff2
#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.

#3dfa7c
#3aee76
#37e170
#31c863
#2baf57
#25964a
#1f7d3e
#186432
#124b25
#0c3219
#06190c
#000000

Spin koloru

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

Mix koloru

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

#3dfa7c
#44ee7c
#4ae27d
#58c97d
#65b17e
#72987f
#808080
#8d6780
#9a4f81
#a73682
#b51e82
#c20583

Kolory RGB

Kolor HEX #3dfa7c

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(61,250,124). Kolor czerwony (R) ma wartość 61 czyli 24% wartości maksymalnej wartości czerwonego lub 14% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 250 czyli 98% wartości maksymalnej wartości zielonego lub 57% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 124 czyli 49% wartości maksymalnej wartości niebieskiego lub 29% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 435 czyli 57% maksymalnej wartości (765).

Czerwony 24%
Zielony 98%
Niebieski 49%
czerwony 14%     ||     zielony 57%     ||     niebieski 29%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 76% cyjanu, 0% magenty, 50% żółtego i 2% czarnego.

Cyan 76%
Magenta 0%
Yellow 50%
Black 2%

Kolor czcionki #3dfa7c

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

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

Kolor tła #3dfa7c

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

Kolor tła #3dfa7c

Kolor obramowania #3dfa7c

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

Kolor ramki #3dfa7c