Kolor HEX #38474d

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #38474d. Najbardziej podobny do niego kolor to DarkSlateGray (#2f4f4f), którego odcień to szary. W palecie kolorów X11 nie występuje kolor #38474d. Najbardziej podobny do niego kolor to Charcoal (#36454f ).

Konwersja z HEX kolor #38474d

RGB56
22%
71
28%
77
30%
HSV197º27%30%
HSL197.1º15.8%26.1%
CMYK0.27
27%
0.08
8%
0
0%
0.7
70%
SystemCzerwonyZielonyNiebieski
HEX38474d
RGB decimal567177
Octal70107115
Binary001110000100011101001101
Decimal (0-16777215)3688269

Kolor #38474d (0x38474D) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #333366. #38474d jest kolorem ciemnym, którego poziom jasności wynosi 67/255. Współczynnik kontrastu do koloru białego to 9.93 : 1.

Skala szarości
#434343
Kolor bazowy
#38474d

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) #38474d: kąt barwy 197.1º, nasycenie: 15.8%, jasność: 26.1%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 197º, nasycenie koloru: 27%, a jasność 30%.

Nasycenie koloru (Saturation)

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

saturacja +30
#105875
saturacja +20
#245061
saturacja +10
#314a54
saturacja -10
#17556e
saturacja -20
#245061
saturacja -30
#38474d

Luminacja (Lightness)

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

luminacja +30
#7d97a1
luminacja +20
#637e88
luminacja +10
#4e626b
luminacja -10
#232c30
luminacja -20
#0d1112
luminacja -30
#000000

Jasność koloru (Brightness)

jasność +10
#526167
jasność +20
#6b7a80
jasność +30
#85949a
jasność +40
#9eadb3

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.

#38474d
#425056
#4c595f
#606c71
#747e82
#889194
#9ca3a6
#afb5b8
#c3c8ca
#d7dadb
#ebeded
#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.

#38474d
#354349
#324045
#2d393e
#273236
#222b2e
#1c2427
#161c1f
#111517
#0b0e0f
#060708
#000000

Spin koloru

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

Mix koloru

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

#38474d
#3f4d52
#465257
#555e61
#63696b
#717475
#808080
#8e8b8a
#9c9694
#aaa19e
#b9ada8
#c7b8b2

Kolory RGB

Kolor HEX #38474d

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(56,71,77). Kolor czerwony (R) ma wartość 56 czyli 22% wartości maksymalnej wartości czerwonego lub 27% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 71 czyli 28% wartości maksymalnej wartości zielonego lub 35% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 77 czyli 30% wartości maksymalnej wartości niebieskiego lub 38% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 204 czyli 27% maksymalnej wartości (765).

Czerwony 22%
Zielony 28%
Niebieski 30%
czerwony 27%     ||     zielony 35%     ||     niebieski 38%

Kolory CMYK

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

Cyan 27%
Magenta 8%
Yellow 0%
Black 70%

Kolor czcionki #38474d

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

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

Kolor tła #38474d

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

Kolor tła #38474d

Kolor obramowania #38474d

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

Kolor ramki #38474d