Kolor HEX #a7b34d

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #a7b34d. Najbardziej podobny do niego kolor to DarkKhaki (#bdb76b), którego odcień to żółty. W palecie kolorów X11 nie występuje kolor #a7b34d. Najbardziej podobny do niego kolor to Dark Khaki (#bdb76b ).

Konwersja z HEX kolor #a7b34d

RGB167
65%
179
70%
77
30%
HSV67º57%70%
HSL67.1º40.2%50.2%
CMYK0.07
7%
0
0%
0.57
57%
0.3
30%
SystemCzerwonyZielonyNiebieski
HEXa7b34d
RGB decimal16717977
Octal247263115
Binary101001111011001101001101
Decimal (0-16777215)10990413

Kolor #a7b34d (0xA7B34D) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #99cc66. #a7b34d jest kolorem jasnym, którego poziom jasności wynosi 164/255. Współczynnik kontrastu do koloru białego to 2.25 : 1.

Skala szarości
#808080
Kolor bazowy
#a7b34d

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) #a7b34d: kąt barwy 67.1º, nasycenie: 40.2%, jasność: 50.2%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 67º, nasycenie koloru: 57%, a jasność 70%.

Nasycenie koloru (Saturation)

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

saturacja +30
#e1ff01
saturacja +20
#c4d927
saturacja +10
#b1c040
saturacja -10
#d7f20e
saturacja -20
#c4d927
saturacja -30
#a7b34d

Luminacja (Lightness)

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

luminacja +30
#dce1b8
luminacja +20
#cad294
luminacja +10
#b9c271
luminacja -10
#86903d
luminacja -20
#656c2e
luminacja -30
#43481f

Jasność koloru (Brightness)

jasność +10
#c1cd67
jasność +20
#dae680
jasność +30
#f4ff9a
jasność +40
#ffffb3

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.

#a7b34d
#abb756
#b0bb5f
#b9c271
#c1ca82
#cad194
#d3d9a6
#dce1b8
#e5e8ca
#edf0db
#f6f7ed
#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.

#a7b34d
#9faa49
#96a145
#868f3e
#757d36
#646b2e
#545a27
#43481f
#323617
#21240f
#111208
#000000

Spin koloru

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

Mix koloru

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

#a7b34d
#a3ae52
#9fa957
#979e61
#8f946b
#878a75
#808080
#78758a
#706b94
#68619e
#6056a8
#584cb2

Kolory RGB

Kolor HEX #a7b34d

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(167,179,77). Kolor czerwony (R) ma wartość 167 czyli 65% wartości maksymalnej wartości czerwonego lub 39% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 179 czyli 70% wartości maksymalnej wartości zielonego lub 42% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 77 czyli 30% wartości maksymalnej wartości niebieskiego lub 18% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 423 czyli 55% maksymalnej wartości (765).

Czerwony 65%
Zielony 70%
Niebieski 30%
czerwony 39%     ||     zielony 42%     ||     niebieski 18%

Kolory CMYK

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

Cyan 7%
Magenta 0%
Yellow 57%
Black 30%

Kolor czcionki #a7b34d

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

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

Kolor tła #a7b34d

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

Kolor tła #a7b34d

Kolor obramowania #a7b34d

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

Kolor ramki #a7b34d