Kolor HEX #b3ae4d

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

Konwersja z HEX kolor #b3ae4d

RGB179
70%
174
68%
77
30%
HSV57º57%70%
HSL57.1º40.2%50.2%
CMYK0
0%
0.03
3%
0.57
57%
0.3
30%
SystemCzerwonyZielonyNiebieski
HEXb3ae4d
RGB decimal17917477
Octal263256115
Binary101100111010111001001101
Decimal (0-16777215)11775565

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

Skala szarości
#808080
Kolor bazowy
#b3ae4d

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

Nasycenie koloru (Saturation)

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

saturacja +30
#fff301
saturacja +20
#d9d127
saturacja +10
#c0ba40
saturacja -10
#f2e70e
saturacja -20
#d9d027
saturacja -30
#b3ae4d

Luminacja (Lightness)

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

luminacja +30
#e1dfb8
luminacja +20
#d2cf94
luminacja +10
#c2be71
luminacja -10
#908c3d
luminacja -20
#6c692e
luminacja -30
#48461f

Jasność koloru (Brightness)

jasność +10
#cdc867
jasność +20
#e6e180
jasność +30
#fffb9a
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.

#b3ae4d
#b7b256
#bbb65f
#c2be71
#cac682
#d1ce94
#d9d7a6
#e1dfb8
#e8e7ca
#f0efdb
#f7f7ed
#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.

#b3ae4d
#aaa549
#a19d45
#8f8b3e
#7d7a36
#6b682e
#5a5727
#48461f
#363417
#24230f
#121108
#000000

Spin koloru

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

Mix koloru

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

#b3ae4d
#aea952
#a9a557
#9e9b61
#94926b
#8a8975
#808080
#75768a
#6b6d94
#61649e
#565aa8
#4c51b2

Kolory RGB

Kolor HEX #b3ae4d

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(179,174,77). Kolor czerwony (R) ma wartość 179 czyli 70% wartości maksymalnej wartości czerwonego lub 42% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 174 czyli 68% wartości maksymalnej wartości zielonego lub 40% 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 430 czyli 56% maksymalnej wartości (765).

Czerwony 70%
Zielony 68%
Niebieski 30%
czerwony 42%     ||     zielony 40%     ||     niebieski 18%

Kolory CMYK

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

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

Kolor czcionki #b3ae4d

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

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

Kolor tła #b3ae4d

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

Kolor tła #b3ae4d

Kolor obramowania #b3ae4d

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

Kolor ramki #b3ae4d