Kolor HEX #24dd5f

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

Konwersja z HEX kolor #24dd5f

RGB36
14%
221
87%
95
37%
HSV139º84%87%
HSL139.1º73.1%50.4%
CMYK0.84
84%
0
0%
0.57
57%
0.13
13%
SystemCzerwonyZielonyNiebieski
HEX24dd5f
RGB decimal3622195
Octal44335137
Binary001001001101110101011111
Decimal (0-16777215)2415967

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

Skala szarości
#818181
Kolor bazowy
#24dd5f

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) #24dd5f: kąt barwy 139.1º, nasycenie: 73.1%, jasność: 50.4%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 139º, nasycenie koloru: 84%, a jasność 87%.

Nasycenie koloru (Saturation)

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

saturacja +30
#02ff53
saturacja +20
#02ff53
saturacja +10
#17ea5a
saturacja -10
#0ff257
saturacja -20
#28d960
saturacja -30
#4eb36e

Luminacja (Lightness)

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

luminacja +30
#a8f2c0
luminacja +20
#7ceb9f
luminacja +10
#50e47f
luminacja -10
#1cb24c
luminacja -20
#158639
luminacja -30
#0e5a26

Jasność koloru (Brightness)

jasność +10
#3ef779
jasność +20
#57ff92
jasność +30
#71ffac
jasność +40
#8affc5

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.

#24dd5f
#2fdf67
#3ae06f
#50e47f
#66e78f
#7ceb9f
#92eeaf
#a7f1bf
#bdf5cf
#d3f8df
#e9fcef
#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.

#24dd5f
#22d25a
#20c756
#1db14c
#199b43
#168539
#126f30
#0e5826
#0b421d
#072c13
#04160a
#000000

Spin koloru

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

Mix koloru

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

#24dd5f
#2dd462
#36ca66
#49b86c
#5ba573
#6d9279
#808080
#926d86
#a45a8d
#b64793
#c9359a
#db22a0

Kolory RGB

Kolor HEX #24dd5f

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(36,221,95). Kolor czerwony (R) ma wartość 36 czyli 14% wartości maksymalnej wartości czerwonego lub 10% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 221 czyli 87% wartości maksymalnej wartości zielonego lub 63% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 95 czyli 37% wartości maksymalnej wartości niebieskiego lub 27% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 352 czyli 46% maksymalnej wartości (765).

Czerwony 14%
Zielony 87%
Niebieski 37%
czerwony 10%     ||     zielony 63%     ||     niebieski 27%

Kolory CMYK

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

Cyan 84%
Magenta 0%
Yellow 57%
Black 13%

Kolor czcionki #24dd5f

<p style="color:#24dd5f">Lorem ipsum...</p>

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

Kolor tła #24dd5f

<div style="background-color:#24dd5f">
Lorem ipsum...
</div>

Kolor tła #24dd5f

Kolor obramowania #24dd5f

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

Kolor ramki #24dd5f