Kolor HEX #4272e0

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

Konwersja z HEX kolor #4272e0

RGB66
26%
114
45%
224
88%
HSV222º71%88%
HSL221.8º71.8%56.9%
CMYK0.71
71%
0.49
49%
0
0%
0.12
12%
SystemCzerwonyZielonyNiebieski
HEX4272e0
RGB decimal66114224
Octal102162340
Binary010000100111001011100000
Decimal (0-16777215)4354784

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

Skala szarości
#919191
Kolor bazowy
#4272e0

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) #4272e0: kąt barwy 221.8º, nasycenie: 71.8%, jasność: 56.9%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 222º, nasycenie koloru: 71%, a jasność 88%.

Nasycenie koloru (Saturation)

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

saturacja +30
#2366ff
saturacja +20
#2366ff
saturacja +10
#376eeb
saturacja -10
#2e6af4
saturacja -20
#4473de
saturacja -30
#6580bd

Luminacja (Lightness)

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

luminacja +30
#c6d4f6
luminacja +20
#9ab3ee
luminacja +10
#6e93e7
luminacja -10
#2256cd
luminacja -20
#1b44a2
luminacja -30
#133176

Jasność koloru (Brightness)

jasność +10
#5c8cfa
jasność +20
#75a5ff
jasność +30
#8fbfff
jasność +40
#a8d8ff

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.

#4272e0
#4b79e2
#5580e3
#688ee6
#7b9ce9
#8eaaec
#a1b9f0
#b3c7f3
#c6d5f6
#d9e3f9
#ecf1fc
#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.

#4272e0
#3f6cd5
#3b67ca
#355bb3
#2e509d
#284486
#213970
#1a2e5a
#142243
#0d172d
#070b16
#000000

Spin koloru

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

Mix koloru

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

#4272e0
#4873d6
#4e75cd
#5b77b9
#677aa6
#737d93
#808080
#8c826c
#988559
#a48846
#b18a32
#bd8d1f

Kolory RGB

Kolor HEX #4272e0

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(66,114,224). Kolor czerwony (R) ma wartość 66 czyli 26% wartości maksymalnej wartości czerwonego lub 16% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 114 czyli 45% wartości maksymalnej wartości zielonego lub 28% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 224 czyli 88% wartości maksymalnej wartości niebieskiego lub 55% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 404 czyli 53% maksymalnej wartości (765).

Czerwony 26%
Zielony 45%
Niebieski 88%
czerwony 16%     ||     zielony 28%     ||     niebieski 55%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 71% cyjanu, 49% magenty, 0% żółtego i 12% czarnego.

Cyan 71%
Magenta 49%
Yellow 0%
Black 12%

Kolor czcionki #4272e0

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

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

Kolor tła #4272e0

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

Kolor tła #4272e0

Kolor obramowania #4272e0

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

Kolor ramki #4272e0