Kolor HEX #6b9c30

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #6b9c30. Najbardziej podobny do niego kolor to OliveDrab (#6b8e23), którego odcień to zielony. W palecie kolorów X11 nie występuje kolor #6b9c30. Najbardziej podobny do niego kolor to Olive Drab (#6b8e23 ).

Konwersja z HEX kolor #6b9c30

RGB107
42%
156
61%
48
19%
HSV87º69%61%
HSL87.2º52.9%40%
CMYK0.31
31%
0
0%
0.69
69%
0.39
39%
SystemCzerwonyZielonyNiebieski
HEX6b9c30
RGB decimal10715648
Octal15323460
Binary011010111001110000110000
Decimal (0-16777215)7052336

Kolor #6b9c30 (0x6B9C30) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #669933. #6b9c30 jest kolorem jasnym, którego poziom jasności wynosi 129/255. Współczynnik kontrastu do koloru białego to 3.22 : 1.

Skala szarości
#666666
Kolor bazowy
#6b9c30

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) #6b9c30: kąt barwy 87.2º, nasycenie: 52.9%, jasność: 40%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 87º, nasycenie koloru: 69%, a jasność 61%.

Nasycenie koloru (Saturation)

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

saturacja +30
#70cc00
saturacja +20
#6ebb11
saturacja +10
#6ca626
saturacja -10
#6fc20a
saturacja -20
#6dad1f
saturacja -30
#6a8f3d

Luminacja (Lightness)

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

luminacja +30
#b6db8a
luminacja +20
#9ecf63
luminacja +10
#86c33c
luminacja -10
#507524
luminacja -20
#364e18
luminacja -30
#1b270c

Jasność koloru (Brightness)

jasność +10
#85b64a
jasność +20
#9ecf63
jasność +30
#b8e97d
jasność +40
#d1ff96

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.

#6b9c30
#72a13a
#7aa645
#89b059
#97ba6e
#a6c483
#b5ce98
#c4d7ac
#d3e1c1
#e1ebd6
#f0f5ea
#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.

#6b9c30
#66942e
#608c2b
#567d26
#4b6d22
#405e1d
#364e18
#2b3e13
#202f0e
#151f0a
#0b1005
#000000

Spin koloru

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

Mix koloru

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

#6b9c30
#6d9938
#6f9640
#739150
#778b60
#7b8570
#808080
#847a8f
#88749f
#8c6eaf
#9069bf
#9463cf

Kolory RGB

Kolor HEX #6b9c30

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

Czerwony 42%
Zielony 61%
Niebieski 19%
czerwony 34%     ||     zielony 50%     ||     niebieski 15%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 31% cyjanu, 0% magenty, 69% żółtego i 39% czarnego.

Cyan 31%
Magenta 0%
Yellow 69%
Black 39%

Kolor czcionki #6b9c30

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

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

Kolor tła #6b9c30

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

Kolor tła #6b9c30

Kolor obramowania #6b9c30

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

Kolor ramki #6b9c30