Kolor HEX #347be5

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

Konwersja z HEX kolor #347be5

RGB52
20%
123
48%
229
90%
HSV216º77%90%
HSL215.9º77.3%55.1%
CMYK0.77
77%
0.46
46%
0
0%
0.1
10%
SystemCzerwonyZielonyNiebieski
HEX347be5
RGB decimal52123229
Octal64173345
Binary001101000111101111100101
Decimal (0-16777215)3439589

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

Skala szarości
#8d8d8d
Kolor bazowy
#347be5

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) #347be5: kąt barwy 215.9º, nasycenie: 77.3%, jasność: 55.1%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 216º, nasycenie koloru: 77%, a jasność 90%.

Nasycenie koloru (Saturation)

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

saturacja +30
#1a76ff
saturacja +20
#1a76ff
saturacja +10
#2979f0
saturacja -10
#2578f4
saturacja -20
#3c7ddd
saturacja -30
#5f83ba

Luminacja (Lightness)

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

luminacja +30
#bcd3f6
luminacja +20
#8eb6f1
luminacja +10
#6198eb
luminacja -10
#1a62cc
luminacja -20
#144c9f
luminacja -30
#0f3671

Jasność koloru (Brightness)

jasność +10
#4e95ff
jasność +20
#67aeff
jasność +30
#81c8ff
jasność +40
#9ae1ff

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.

#347be5
#3e82e6
#4888e8
#5d95ea
#71a3ed
#85b0ef
#9abdf2
#aecaf5
#c2d7f7
#d6e5fa
#ebf2fc
#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.

#347be5
#3175da
#2f6fce
#2a62b7
#2456a0
#1f4a89
#1a3e73
#15315c
#102545
#0a192e
#050c17
#000000

Spin koloru

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

Mix koloru

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

#347be5
#3c7bdb
#437cd1
#527dbc
#617ea8
#707f94
#808080
#8f806b
#9e8157
#ad8243
#bc832e
#cb841a

Kolory RGB

Kolor HEX #347be5

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(52,123,229). Kolor czerwony (R) ma wartość 52 czyli 20% wartości maksymalnej wartości czerwonego lub 13% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 123 czyli 48% wartości maksymalnej wartości zielonego lub 30% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 229 czyli 90% wartości maksymalnej wartości niebieskiego lub 57% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 404 czyli 53% maksymalnej wartości (765).

Czerwony 20%
Zielony 48%
Niebieski 90%
czerwony 13%     ||     zielony 30%     ||     niebieski 57%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 77% cyjanu, 46% magenty, 0% żółtego i 10% czarnego.

Cyan 77%
Magenta 46%
Yellow 0%
Black 10%

Kolor czcionki #347be5

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

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

Kolor tła #347be5

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

Kolor tła #347be5

Kolor obramowania #347be5

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

Kolor ramki #347be5