Kolor HEX #19ff3f

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

Konwersja z HEX kolor #19ff3f

RGB25
10%
255
100%
63
25%
HSV130º90%100%
HSL129.9º100%54.9%
CMYK0.9
90%
0
0%
0.75
75%
0
0%
SystemCzerwonyZielonyNiebieski
HEX19ff3f
RGB decimal2525563
Octal3137777
Binary000110011111111100111111
Decimal (0-16777215)1703743

Kolor #19ff3f (0x19FF3F) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #00ff33. #19ff3f jest kolorem jasnym, którego poziom jasności wynosi 164/255. Współczynnik kontrastu do koloru białego to 1.36 : 1.

Skala szarości
#8c8c8c
Kolor bazowy
#19ff3f

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) #19ff3f: kąt barwy 129.9º, nasycenie: 100%, jasność: 54.9%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 130º, nasycenie koloru: 90%, a jasność 100%.

Nasycenie koloru (Saturation)

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

saturacja +30
#19ff3f
saturacja +20
#19ff3f
saturacja +10
#19ff3f
saturacja -10
#24f347
saturacja -20
#3bdc56
saturacja -30
#5eba6d

Luminacja (Lightness)

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

luminacja +30
#b2ffbf
luminacja +20
#7fff94
luminacja +10
#4cff6a
luminacja -10
#00e526
luminacja -20
#00b21d
luminacja -30
#007f15

Jasność koloru (Brightness)

jasność +10
#33ff59
jasność +20
#4cff72
jasność +30
#66ff8c
jasność +40
#7fffa5

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.

#19ff3f
#25ff49
#30ff52
#47ff65
#5eff79
#75ff8c
#8cff9f
#a3ffb2
#baffc5
#d1ffd9
#e8ffec
#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.

#19ff3f
#18f23c
#17e639
#14cc32
#12b32c
#0f9926
#0d8020
#0a6619
#084d13
#05330d
#031a06
#000000

Spin koloru

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

Mix koloru

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

#19ff3f
#23f245
#2ee64c
#42cc59
#57b366
#6b9973
#808080
#94668c
#a94d99
#bd33a6
#d21ab3
#e600c0

Kolory RGB

Kolor HEX #19ff3f

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(25,255,63). Kolor czerwony (R) ma wartość 25 czyli 10% wartości maksymalnej wartości czerwonego lub 7% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 255 czyli 100% wartości maksymalnej wartości zielonego lub 74% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 63 czyli 25% wartości maksymalnej wartości niebieskiego lub 18% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 343 czyli 45% maksymalnej wartości (765).

Czerwony 10%
Zielony 100%
Niebieski 25%
czerwony 7%     ||     zielony 74%     ||     niebieski 18%

Kolory CMYK

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

Cyan 90%
Magenta 0%
Yellow 75%
Black 0%

Kolor czcionki #19ff3f

<p style="color:#19ff3f">Lorem ipsum...</p>

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

Kolor tła #19ff3f

<div style="background-color:#19ff3f">
Lorem ipsum...
</div>

Kolor tła #19ff3f

Kolor obramowania #19ff3f

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

Kolor ramki #19ff3f