Kolor HEX #babb70

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

Konwersja z HEX kolor #babb70

RGB186
73%
187
73%
112
44%
HSV61º40%73%
HSL60.8º35.5%58.6%
CMYK0.01
1%
0
0%
0.4
40%
0.27
27%
SystemCzerwonyZielonyNiebieski
HEXbabb70
RGB decimal186187112
Octal272273160
Binary101110101011101101110000
Decimal (0-16777215)12237680

Kolor #babb70 (0xBABB70) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cccc66. #babb70 jest kolorem jasnym, którego poziom jasności wynosi 178/255. Współczynnik kontrastu do koloru białego to 1.98 : 1.

Skala szarości
#959595
Kolor bazowy
#babb70

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) #babb70: kąt barwy 60.8º, nasycenie: 35.5%, jasność: 58.6%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 61º, nasycenie koloru: 40%, a jasność 73%.

Nasycenie koloru (Saturation)

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

saturacja +30
#f8fa31
saturacja +20
#d9db50
saturacja +10
#c4c565
saturacja -10
#edf03b
saturacja -20
#d9db50
saturacja -30
#babb70

Luminacja (Lightness)

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

luminacja +30
#ececd8
luminacja +20
#dbdcb5
luminacja +10
#cbcb93
luminacja -10
#a7a850
luminacja -20
#84853f
luminacja -30
#62632f

Jasność koloru (Brightness)

jasność +10
#d4d58a
jasność +20
#edeea3
jasność +30
#ffffbd
jasność +40
#ffffd6

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.

#babb70
#bdbe77
#c1c27e
#c8c98d
#cfcf9b
#d6d6a9
#ddddb8
#e3e4c6
#eaebd4
#f1f1e2
#f8f8f1
#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.

#babb70
#b1b26a
#a7a865
#95965a
#82834e
#707043
#5d5e38
#4a4b2d
#383822
#252516
#13130b
#000000

Spin koloru

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

Mix koloru

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

#babb70
#b4b572
#aeaf73
#a3a376
#979779
#8b8b7c
#808080
#747483
#686886
#5c5c89
#51508c
#45448f

Kolory RGB

Kolor HEX #babb70

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(186,187,112). Kolor czerwony (R) ma wartość 186 czyli 73% wartości maksymalnej wartości czerwonego lub 38% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 187 czyli 73% wartości maksymalnej wartości zielonego lub 39% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 112 czyli 44% wartości maksymalnej wartości niebieskiego lub 23% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 485 czyli 63% maksymalnej wartości (765).

Czerwony 73%
Zielony 73%
Niebieski 44%
czerwony 38%     ||     zielony 39%     ||     niebieski 23%

Kolory CMYK

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

Cyan 1%
Magenta 0%
Yellow 40%
Black 27%

Kolor czcionki #babb70

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

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

Kolor tła #babb70

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

Kolor tła #babb70

Kolor obramowania #babb70

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

Kolor ramki #babb70