Kolor HEX #9e5944

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #9e5944. Najbardziej podobny do niego kolor to Sienna (#a0522d), którego odcień to brązowy. W palecie kolorów X11 nie występuje kolor #9e5944. Najbardziej podobny do niego kolor to Sienna (#a0522d ).

Konwersja z HEX kolor #9e5944

RGB158
62%
89
35%
68
27%
HSV14º57%62%
HSL14º39.8%44.3%
CMYK0
0%
0.44
44%
0.57
57%
0.38
38%
SystemCzerwonyZielonyNiebieski
HEX9e5944
RGB decimal1588968
Octal236131104
Binary100111100101100101000100
Decimal (0-16777215)10377540

Kolor #9e5944 (0x9E5944) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #996633. #9e5944 jest kolorem ciemnym, którego poziom jasności wynosi 107/255. Współczynnik kontrastu do koloru białego to 5.28 : 1.

Skala szarości
#717171
Kolor bazowy
#9e5944

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) #9e5944: kąt barwy 14º, nasycenie: 39.8%, jasność: 44.3%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 14º, nasycenie koloru: 57%, a jasność 62%.

Nasycenie koloru (Saturation)

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

saturacja +30
#e23500
saturacja +20
#c04722
saturacja +10
#a95339
saturacja -10
#d63b0c
saturacja -20
#c04722
saturacja -30
#9e5944

Luminacja (Lightness)

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

luminacja +30
#d8b0a3
luminacja +20
#c89180
luminacja +10
#b9725c
luminacja -10
#7a4535
luminacja -20
#573125
luminacja -30
#331d16

Jasność koloru (Brightness)

jasność +10
#b8735e
jasność +20
#d18c77
jasność +30
#eba691
jasność +40
#ffbfaa

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.

#9e5944
#a3614d
#a86a57
#b17a69
#bb8b7c
#c59b8f
#cfaca2
#d8bdb4
#e2cdc7
#ecdeda
#f5eeec
#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.

#9e5944
#965541
#8e503d
#7e4736
#6f3e30
#5f3529
#4f2d22
#3f241b
#2f1b14
#20120e
#100907
#000000

Spin koloru

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

Mix koloru

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

#9e5944
#9b5d4a
#986150
#92685c
#8c7068
#867874
#808080
#79878b
#738f97
#6d97a3
#679eaf
#61a6bb

Kolory RGB

Kolor HEX #9e5944

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(158,89,68). Kolor czerwony (R) ma wartość 158 czyli 62% wartości maksymalnej wartości czerwonego lub 50% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 89 czyli 35% wartości maksymalnej wartości zielonego lub 28% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 68 czyli 27% wartości maksymalnej wartości niebieskiego lub 22% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 315 czyli 41% maksymalnej wartości (765).

Czerwony 62%
Zielony 35%
Niebieski 27%
czerwony 50%     ||     zielony 28%     ||     niebieski 22%

Kolory CMYK

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

Cyan 0%
Magenta 44%
Yellow 57%
Black 38%

Kolor czcionki #9e5944

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

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

Kolor tła #9e5944

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

Kolor tła #9e5944

Kolor obramowania #9e5944

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

Kolor ramki #9e5944