Kolor HEX #36e253

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #36e253. Najbardziej podobny do niego kolor to LimeGreen (#32cd32), którego odcień to zielony. W palecie kolorów X11 nie występuje kolor #36e253. Najbardziej podobny do niego kolor to Lime Green (#32cd32 ).

Konwersja z HEX kolor #36e253

RGB54
21%
226
89%
83
33%
HSV130º76%89%
HSL130.1º74.8%54.9%
CMYK0.76
76%
0
0%
0.63
63%
0.11
11%
SystemCzerwonyZielonyNiebieski
HEX36e253
RGB decimal5422683
Octal66342123
Binary001101101110001001010011
Decimal (0-16777215)3596883

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

Skala szarości
#8c8c8c
Kolor bazowy
#36e253

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) #36e253: kąt barwy 130.1º, nasycenie: 74.8%, jasność: 54.9%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 130º, nasycenie koloru: 76%, a jasność 89%.

Nasycenie koloru (Saturation)

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

saturacja +30
#19ff40
saturacja +20
#19ff40
saturacja +10
#2aee4b
saturacja -10
#24f347
saturacja -20
#3bdc57
saturacja -30
#5eba6d

Luminacja (Lightness)

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

luminacja +30
#bcf5c5
luminacja +20
#8fef9f
luminacja +10
#63e879
luminacja -10
#1dc83a
luminacja -20
#169c2d
luminacja -30
#106f20

Jasność koloru (Brightness)

jasność +10
#50fc6d
jasność +20
#69ff86
jasność +30
#83ffa0
jasność +40
#9cffb9

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.

#36e253
#40e35c
#4ae564
#5ee875
#72eb87
#86ee98
#9bf1a9
#aff3ba
#c3f6cb
#d7f9dd
#ebfcee
#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.

#36e253
#33d74f
#31cb4b
#2bb542
#269e3a
#208832
#1b712a
#165a21
#104419
#0b2d11
#051708
#000000

Spin koloru

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

Mix koloru

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

#36e253
#3dd857
#45ce5c
#53bb65
#62a76e
#719377
#808080
#8e6c88
#9d5891
#ac449a
#ba31a3
#c91dac

Kolory RGB

Kolor HEX #36e253

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(54,226,83). Kolor czerwony (R) ma wartość 54 czyli 21% wartości maksymalnej wartości czerwonego lub 15% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 226 czyli 89% wartości maksymalnej wartości zielonego lub 62% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 83 czyli 33% wartości maksymalnej wartości niebieskiego lub 23% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 363 czyli 47% maksymalnej wartości (765).

Czerwony 21%
Zielony 89%
Niebieski 33%
czerwony 15%     ||     zielony 62%     ||     niebieski 23%

Kolory CMYK

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

Cyan 76%
Magenta 0%
Yellow 63%
Black 11%

Kolor czcionki #36e253

<p style="color:#36e253">Lorem ipsum...</p>

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

Kolor tła #36e253

<div style="background-color:#36e253">
Lorem ipsum...
</div>

Kolor tła #36e253

Kolor obramowania #36e253

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

Kolor ramki #36e253