Kolor HEX #9ca105

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

Konwersja z HEX kolor #9ca105

RGB156
61%
161
63%
5
2%
HSV62º97%63%
HSL61.9º94%32.5%
CMYK0.03
3%
0
0%
0.97
97%
0.37
37%
SystemCzerwonyZielonyNiebieski
HEX9ca105
RGB decimal1561615
Octal2342415
Binary100111001010000100000101
Decimal (0-16777215)10264837

Kolor #9ca105 (0x9CA105) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #999900. #9ca105 jest kolorem jasnym, którego poziom jasności wynosi 142/255. Współczynnik kontrastu do koloru białego to 2.75 : 1.

Skala szarości
#535353
Kolor bazowy
#9ca105

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) #9ca105: kąt barwy 61.9º, nasycenie: 94%, jasność: 32.5%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 62º, nasycenie koloru: 97%, a jasność 63%.

Nasycenie koloru (Saturation)

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

saturacja +30
#a1a600
saturacja +20
#a1a600
saturacja +10
#a1a600
saturacja -10
#999d08
saturacja -20
#898d19
saturacja -30
#727432

Luminacja (Lightness)

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

luminacja +30
#f4f945
luminacja +20
#f1f814
luminacja +10
#ccd207
luminacja -10
#6c6f03
luminacja -20
#3c3e02
luminacja -30
#0c0c00

Jasność koloru (Brightness)

jasność +10
#b6bb1f
jasność +20
#cfd438
jasność +30
#e9ee52
jasność +40
#ffff6b

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.

#9ca105
#a1a612
#a6aa1e
#b0b437
#babd50
#c4c769
#ced082
#d7d99b
#e1e3b4
#ebeccd
#f5f6e6
#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.

#9ca105
#949905
#8c9105
#7d8104
#6d7104
#5e6103
#4e5103
#3e4002
#2f3002
#1f2001
#101000
#000000

Spin koloru

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

Mix koloru

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

#9ca105
#999e11
#969a1e
#919436
#8b8d4f
#858667
#808080
#7a7998
#7472b1
#6e6bc9
#6965e2
#635efa

Kolory RGB

Kolor HEX #9ca105

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(156,161,5). Kolor czerwony (R) ma wartość 156 czyli 61% wartości maksymalnej wartości czerwonego lub 48% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 161 czyli 63% wartości maksymalnej wartości zielonego lub 50% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 5 czyli 2% wartości maksymalnej wartości niebieskiego lub 2% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 322 czyli 42% maksymalnej wartości (765).

Czerwony 61%
Zielony 63%
Niebieski 2%
czerwony 48%     ||     zielony 50%     ||     niebieski 2%

Kolory CMYK

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

Cyan 3%
Magenta 0%
Yellow 97%
Black 37%

Kolor czcionki #9ca105

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

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

Kolor tła #9ca105

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

Kolor tła #9ca105

Kolor obramowania #9ca105

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

Kolor ramki #9ca105