Kolor HEX #baaf3b

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #baaf3b. Najbardziej podobny do niego kolor to Goldenrod (#daa520), którego odcień to brązowy. W palecie kolorów X11 nie występuje kolor #baaf3b. Najbardziej podobny do niego kolor to Acid Green (#b0bf1a ).

Konwersja z HEX kolor #baaf3b

RGB186
73%
175
69%
59
23%
HSV55º68%73%
HSL54.8º51.8%48%
CMYK0
0%
0.06
6%
0.68
68%
0.27
27%
SystemCzerwonyZielonyNiebieski
HEXbaaf3b
RGB decimal18617559
Octal27225773
Binary101110101010111100111011
Decimal (0-16777215)12234555

Kolor #baaf3b (0xBAAF3B) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cc9933. #baaf3b jest kolorem jasnym, którego poziom jasności wynosi 165/255. Współczynnik kontrastu do koloru białego to 2.23 : 1.

Skala szarości
#7a7a7a
Kolor bazowy
#baaf3b

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) #baaf3b: kąt barwy 54.8º, nasycenie: 51.8%, jasność: 48%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 55º, nasycenie koloru: 68%, a jasność 73%.

Nasycenie koloru (Saturation)

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

saturacja +30
#f5e000
saturacja +20
#dfcd16
saturacja +10
#c6b92f
saturacja -10
#e9d50c
saturacja -20
#d0c125
saturacja -30
#aba349

Luminacja (Lightness)

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

luminacja +30
#e4dfaa
luminacja +20
#d8d083
luminacja +10
#cbc25c
luminacja -10
#938a2f
luminacja -20
#6c6622
luminacja -30
#464216

Jasność koloru (Brightness)

jasność +10
#d4c955
jasność +20
#ede26e
jasność +30
#fffc88
jasność +40
#ffffa1

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.

#baaf3b
#bdb345
#c1b74f
#c8bf62
#cfc776
#d6cf89
#ddd79d
#e3dfb1
#eae7c4
#f1efd8
#f8f7eb
#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.

#baaf3b
#b1a638
#a79e35
#958c2f
#827b29
#706923
#5d581e
#4a4618
#383512
#25230c
#131206
#000000

Spin koloru

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

Mix koloru

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

#baaf3b
#b4aa42
#aea649
#a39c56
#979364
#8b8972
#808080
#74768d
#686d9b
#5c63a9
#515ab6
#4550c4

Kolory RGB

Kolor HEX #baaf3b

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(186,175,59). Kolor czerwony (R) ma wartość 186 czyli 73% wartości maksymalnej wartości czerwonego lub 44% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 175 czyli 69% wartości maksymalnej wartości zielonego lub 42% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 59 czyli 23% wartości maksymalnej wartości niebieskiego lub 14% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 420 czyli 55% maksymalnej wartości (765).

Czerwony 73%
Zielony 69%
Niebieski 23%
czerwony 44%     ||     zielony 42%     ||     niebieski 14%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 6% magenty, 68% żółtego i 27% czarnego.

Cyan 0%
Magenta 6%
Yellow 68%
Black 27%

Kolor czcionki #baaf3b

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

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

Kolor tła #baaf3b

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

Kolor tła #baaf3b

Kolor obramowania #baaf3b

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

Kolor ramki #baaf3b