Kolor HEX #a774e8

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #a774e8. Najbardziej podobny do niego kolor to MediumPurple (#9370db), którego odcień to purpurowy. W palecie kolorów X11 nie występuje kolor #a774e8. Najbardziej podobny do niego kolor to Lavender (#b57edc ).

Konwersja z HEX kolor #a774e8

RGB167
65%
116
45%
232
91%
HSV266º50%91%
HSL266.4º71.6%68.2%
CMYK0.28
28%
0.5
50%
0
0%
0.09
9%
SystemCzerwonyZielonyNiebieski
HEXa774e8
RGB decimal167116232
Octal247164350
Binary101001110111010011101000
Decimal (0-16777215)10974440

Kolor #a774e8 (0xA774E8) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #9966ff. #a774e8 jest kolorem jasnym, którego poziom jasności wynosi 144/255. Współczynnik kontrastu do koloru białego to 3.29 : 1.

Skala szarości
#aeaeae
Kolor bazowy
#a774e8

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) #a774e8: kąt barwy 266.4º, nasycenie: 71.6%, jasność: 68.2%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 266º, nasycenie koloru: 50%, a jasność 91%.

Nasycenie koloru (Saturation)

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

saturacja +30
#a45dff
saturacja +20
#a45dff
saturacja +10
#a66cf0
saturacja -10
#a565f7
saturacja -20
#a775e7
saturacja -30
#aa8dce

Luminacja (Lightness)

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

luminacja +30
#faf7fe
luminacja +20
#decbf6
luminacja +10
#c3a0ef
luminacja -10
#8b48e1
luminacja -20
#7023d3
luminacja -30
#591ca7

Jasność koloru (Brightness)

jasność +10
#c18eff
jasność +20
#daa7ff
jasność +30
#f4c1ff
jasność +40
#ffdaff

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.

#a774e8
#ab7be9
#b082ea
#b990ed
#c19eef
#caacf1
#d3baf4
#dcc7f6
#e5d5f8
#ede3fa
#f6f1fd
#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.

#a774e8
#9f6edc
#9668d1
#865dba
#7551a2
#64468b
#543a74
#432e5d
#322346
#21172e
#110c17
#000000

Spin koloru

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

Mix koloru

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

#a774e8
#a375de
#9f76d3
#9779be
#8f7ba9
#877d94
#808080
#78826b
#708456
#688641
#60892c
#588b17

Kolory RGB

Kolor HEX #a774e8

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(167,116,232). Kolor czerwony (R) ma wartość 167 czyli 65% wartości maksymalnej wartości czerwonego lub 32% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 116 czyli 45% wartości maksymalnej wartości zielonego lub 23% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 232 czyli 91% wartości maksymalnej wartości niebieskiego lub 45% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 515 czyli 67% maksymalnej wartości (765).

Czerwony 65%
Zielony 45%
Niebieski 91%
czerwony 32%     ||     zielony 23%     ||     niebieski 45%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 28% cyjanu, 50% magenty, 0% żółtego i 9% czarnego.

Cyan 28%
Magenta 50%
Yellow 0%
Black 9%

Kolor czcionki #a774e8

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

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

Kolor tła #a774e8

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

Kolor tła #a774e8

Kolor obramowania #a774e8

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

Kolor ramki #a774e8