Kolor HEX #102139

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #102139. Najbardziej podobny do niego kolor to MidnightBlue (#191970), którego odcień to niebieski. W palecie kolorów X11 nie występuje kolor #102139. Najbardziej podobny do niego kolor to Charleston Green (#232b2b ).

Konwersja z HEX kolor #102139

RGB16
6%
33
13%
57
22%
HSV215º72%22%
HSL215.1º56.2%14.3%
CMYK0.72
72%
0.42
42%
0
0%
0.78
78%
SystemCzerwonyZielonyNiebieski
HEX102139
RGB decimal163357
Octal204171
Binary000100000010000100111001
Decimal (0-16777215)1057081

Kolor #102139 (0x102139) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #003333. #102139 jest kolorem ciemnym, którego poziom jasności wynosi 31/255. Współczynnik kontrastu do koloru białego to 17.18 : 1.

Skala szarości
#242424
Kolor bazowy
#102139

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) #102139: kąt barwy 215.1º, nasycenie: 56.2%, jasność: 14.3%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 215º, nasycenie koloru: 72%, a jasność 22%.

Nasycenie koloru (Saturation)

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

saturacja +30
#001e49
saturacja +20
#051f44
saturacja +10
#0c203d
saturacja -10
#041f45
saturacja -20
#0b203e
saturacja -30
#162233

Luminacja (Lightness)

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

luminacja +30
#3166b0
luminacja +20
#264f89
luminacja +10
#1b3861
luminacja -10
#050a11
luminacja -20
#000000
luminacja -30
#000000

Jasność koloru (Brightness)

jasność +10
#2a3b53
jasność +20
#43546c
jasność +30
#5d6e86
jasność +40
#76879f

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.

#102139
#1c2c43
#28374d
#404d61
#586474
#707a88
#88909c
#9fa6b0
#b7bcc4
#cfd3d7
#e7e9eb
#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.

#102139
#0f1f36
#0e1e33
#0d1a2e
#0b1728
#0a1422
#08111d
#060d17
#050a11
#03070b
#020306
#000000

Spin koloru

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

Mix koloru

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

#102139
#1b2a40
#263447
#3d4755
#535a63
#696d71
#808080
#96928e
#aca59c
#c2b8aa
#d9cbb8
#efdec6

Kolory RGB

Kolor HEX #102139

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(16,33,57). Kolor czerwony (R) ma wartość 16 czyli 6% wartości maksymalnej wartości czerwonego lub 15% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 33 czyli 13% wartości maksymalnej wartości zielonego lub 31% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 57 czyli 22% wartości maksymalnej wartości niebieskiego lub 54% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 106 czyli 14% maksymalnej wartości (765).

Czerwony 6%
Zielony 13%
Niebieski 22%
czerwony 15%     ||     zielony 31%     ||     niebieski 54%

Kolory CMYK

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

Cyan 72%
Magenta 42%
Yellow 0%
Black 78%

Kolor czcionki #102139

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

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

Kolor tła #102139

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

Kolor tła #102139

Kolor obramowania #102139

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

Kolor ramki #102139