Kolor HEX #94aee2

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #94aee2. Najbardziej podobny do niego kolor to SkyBlue (#87ceeb), którego odcień to niebieski. W palecie kolorów X11 nie występuje kolor #94aee2. Najbardziej podobny do niego kolor to Light Cobalt Blue (#88ace0 ).

Konwersja z HEX kolor #94aee2

RGB148
58%
174
68%
226
89%
HSV220º35%89%
HSL220º57.4%73.3%
CMYK0.35
35%
0.23
23%
0
0%
0.11
11%
SystemCzerwonyZielonyNiebieski
HEX94aee2
RGB decimal148174226
Octal224256342
Binary100101001010111011100010
Decimal (0-16777215)9744098

Kolor #94aee2 (0x94AEE2) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #9999cc. #94aee2 jest kolorem jasnym, którego poziom jasności wynosi 172/255. Współczynnik kontrastu do koloru białego to 2.2 : 1.

Skala szarości
#bbbbbb
Kolor bazowy
#94aee2

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) #94aee2: kąt barwy 220º, nasycenie: 57.4%, jasność: 73.3%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 220º, nasycenie koloru: 35%, a jasność 89%.

Nasycenie koloru (Saturation)

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

saturacja +30
#77a4ff
saturacja +20
#7fa7f6
saturacja +10
#8dace9
saturacja -10
#7ea6f8
saturacja -20
#8babeb
saturacja -30
#a0b2d6

Luminacja (Lightness)

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

luminacja +30
#ffffff
luminacja +20
#e4ebf8
luminacja +10
#bccced
luminacja -10
#6c90d7
luminacja -20
#4471cc
luminacja -30
#2f59ae

Jasność koloru (Brightness)

jasność +10
#aec8fc
jasność +20
#c7e1ff
jasność +30
#e1fbff
jasność +40
#faffff

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.

#94aee2
#99b2e3
#9fb6e5
#a9bee8
#b4c6eb
#bfceee
#cad7f1
#d4dff3
#dfe7f6
#eaeff9
#f4f7fc
#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.

#94aee2
#8da5d7
#859dcb
#768bb5
#687a9e
#596888
#4a5771
#3b465a
#2c3444
#1e232d
#0f1117
#000000

Spin koloru

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

Mix koloru

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

#94aee2
#92a9d8
#90a5ce
#8c9bbb
#8892a7
#848993
#808080
#7b766c
#776d58
#736444
#6f5a31
#6b511d

Kolory RGB

Kolor HEX #94aee2

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(148,174,226). Kolor czerwony (R) ma wartość 148 czyli 58% wartości maksymalnej wartości czerwonego lub 27% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 174 czyli 68% wartości maksymalnej wartości zielonego lub 32% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 226 czyli 89% wartości maksymalnej wartości niebieskiego lub 41% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 548 czyli 72% maksymalnej wartości (765).

Czerwony 58%
Zielony 68%
Niebieski 89%
czerwony 27%     ||     zielony 32%     ||     niebieski 41%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 35% cyjanu, 23% magenty, 0% żółtego i 11% czarnego.

Cyan 35%
Magenta 23%
Yellow 0%
Black 11%

Kolor czcionki #94aee2

<p style="color:#94aee2">Lorem ipsum...</p>

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

Kolor tła #94aee2

<div style="background-color:#94aee2">
Lorem ipsum...
</div>

Kolor tła #94aee2

Kolor obramowania #94aee2

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

Kolor ramki #94aee2