Kolor HEX #3e70cb

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #3e70cb. Najbardziej podobny do niego kolor to RoyalBlue (#4169e1), którego odcień to niebieski. W palecie kolorów X11 nie występuje kolor #3e70cb. Najbardziej podobny do niego kolor to Royal Blue (#4169e1 ).

Konwersja z HEX kolor #3e70cb

RGB62
24%
112
44%
203
80%
HSV219º69%80%
HSL218.7º57.6%52%
CMYK0.69
69%
0.45
45%
0
0%
0.2
20%
SystemCzerwonyZielonyNiebieski
HEX3e70cb
RGB decimal62112203
Octal76160313
Binary001111100111000011001011
Decimal (0-16777215)4092107

Kolor #3e70cb (0x3E70CB) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #3366cc. #3e70cb jest kolorem ciemnym, którego poziom jasności wynosi 107/255. Współczynnik kontrastu do koloru białego to 4.77 : 1.

Skala szarości
#858585
Kolor bazowy
#3e70cb

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) #3e70cb: kąt barwy 218.7º, nasycenie: 57.6%, jasność: 52%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 219º, nasycenie koloru: 69%, a jasność 80%.

Nasycenie koloru (Saturation)

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

saturacja +30
#0a61ff
saturacja +20
#1966f0
saturacja +10
#326dd7
saturacja -10
#1665f3
saturacja -20
#2f6cda
saturacja -30
#5476b6

Luminacja (Lightness)

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

luminacja +30
#b7c9ec
luminacja +20
#8eace1
luminacja +10
#668ed6
luminacja -10
#2d59a9
luminacja -20
#234481
luminacja -30
#182f58

Jasność koloru (Brightness)

jasność +10
#588ae5
jasność +20
#71a3fe
jasność +30
#8bbdff
jasność +40
#a4d6ff

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.

#3e70cb
#4877ce
#517ed0
#658dd5
#789bdb
#8ba9e0
#9fb8e5
#b2c6ea
#c5d4ef
#d8e2f5
#ecf1fa
#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.

#3e70cb
#3b6ac1
#3865b7
#325aa2
#2b4e8e
#25437a
#1f3866
#192d51
#13223d
#0c1629
#060b14
#000000

Spin koloru

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

Mix koloru

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

#3e70cb
#4572c3
#4b73bc
#5876ad
#65799e
#727c8f
#808080
#8d8370
#9a8661
#a78952
#b48c43
#c18f34

Kolory RGB

Kolor HEX #3e70cb

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(62,112,203). Kolor czerwony (R) ma wartość 62 czyli 24% wartości maksymalnej wartości czerwonego lub 16% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 112 czyli 44% wartości maksymalnej wartości zielonego lub 30% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 203 czyli 80% wartości maksymalnej wartości niebieskiego lub 54% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 377 czyli 49% maksymalnej wartości (765).

Czerwony 24%
Zielony 44%
Niebieski 80%
czerwony 16%     ||     zielony 30%     ||     niebieski 54%

Kolory CMYK

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

Cyan 69%
Magenta 45%
Yellow 0%
Black 20%

Kolor czcionki #3e70cb

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

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

Kolor tła #3e70cb

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

Kolor tła #3e70cb

Kolor obramowania #3e70cb

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

Kolor ramki #3e70cb