Kolor HEX #4af4e8

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #4af4e8. Najbardziej podobny do niego kolor to Turquoise (#40e0d0), którego odcień to cyan. W palecie kolorów X11 nie występuje kolor #4af4e8. Najbardziej podobny do niego kolor to Turquoise (#40e0d0 ).

Konwersja z HEX kolor #4af4e8

RGB74
29%
244
96%
232
91%
HSV176º70%96%
HSL175.8º88.5%62.4%
CMYK0.7
70%
0
0%
0.05
5%
0.04
4%
SystemCzerwonyZielonyNiebieski
HEX4af4e8
RGB decimal74244232
Octal112364350
Binary010010101111010011101000
Decimal (0-16777215)4912360

Kolor #4af4e8 (0x4AF4E8) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #33ffff. #4af4e8 jest kolorem jasnym, którego poziom jasności wynosi 192/255. Współczynnik kontrastu do koloru białego to 1.36 : 1.

Skala szarości
#9f9f9f
Kolor bazowy
#4af4e8

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) #4af4e8: kąt barwy 175.8º, nasycenie: 88.5%, jasność: 62.4%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 176º, nasycenie koloru: 70%, a jasność 96%.

Nasycenie koloru (Saturation)

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

saturacja +30
#3ffff2
saturacja +20
#3ffff2
saturacja +10
#41fef0
saturacja -10
#49f5e9
saturacja -20
#5ce2d9
saturacja -30
#79c5c0

Luminacja (Lightness)

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

luminacja +30
#dafdfa
luminacja +20
#aafaf4
luminacja +10
#7af7ee
luminacja -10
#1af1e2
luminacja -20
#0cccbe
luminacja -30
#0a9c92

Jasność koloru (Brightness)

jasność +10
#64ffff
jasność +20
#7dffff
jasność +30
#97ffff
jasność +40
#b0ffff

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.

#4af4e8
#53f5e9
#5cf5ea
#6ef6ed
#80f7ef
#92f8f1
#a5faf4
#b7fbf6
#c9fcf8
#dbfdfa
#edfefd
#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.

#4af4e8
#46e8dc
#43dcd1
#3bc3ba
#34aba2
#2c928b
#257a74
#1e625d
#164946
#0f312e
#071817
#000000

Spin koloru

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

Mix koloru

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

#4af4e8
#4fe8de
#55ddd3
#5fc5be
#6aaea9
#759794
#808080
#8a686b
#955156
#a03a41
#aa222c
#b50b17

Kolory RGB

Kolor HEX #4af4e8

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(74,244,232). Kolor czerwony (R) ma wartość 74 czyli 29% wartości maksymalnej wartości czerwonego lub 13% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 244 czyli 96% wartości maksymalnej wartości zielonego lub 44% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 232 czyli 91% wartości maksymalnej wartości niebieskiego lub 42% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 550 czyli 72% maksymalnej wartości (765).

Czerwony 29%
Zielony 96%
Niebieski 91%
czerwony 13%     ||     zielony 44%     ||     niebieski 42%

Kolory CMYK

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

Cyan 70%
Magenta 0%
Yellow 5%
Black 4%

Kolor czcionki #4af4e8

<p style="color:#4af4e8">Lorem ipsum...</p>

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

Kolor tła #4af4e8

<div style="background-color:#4af4e8">
Lorem ipsum...
</div>

Kolor tła #4af4e8

Kolor obramowania #4af4e8

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

Kolor ramki #4af4e8