Kolor HEX #a566b1

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #a566b1. Najbardziej podobny do niego kolor to MediumOrchid (#ba55d3), którego odcień to purpurowy. W palecie kolorów X11 nie występuje kolor #a566b1. Najbardziej podobny do niego kolor to Lavender Purple (#967bb6 ).

Konwersja z HEX kolor #a566b1

RGB165
65%
102
40%
177
69%
HSV290º42%69%
HSL290.4º32.5%54.7%
CMYK0.07
7%
0.42
42%
0
0%
0.31
31%
SystemCzerwonyZielonyNiebieski
HEXa566b1
RGB decimal165102177
Octal245146261
Binary101001010110011010110001
Decimal (0-16777215)10839729

Kolor #a566b1 (0xA566B1) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #996699. #a566b1 jest kolorem jasnym, którego poziom jasności wynosi 129/255. Współczynnik kontrastu do koloru białego to 4.05 : 1.

Skala szarości
#8b8b8b
Kolor bazowy
#a566b1

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) #a566b1: kąt barwy 290.4º, nasycenie: 32.5%, jasność: 54.7%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 290º, nasycenie koloru: 42%, a jasność 69%.

Nasycenie koloru (Saturation)

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

saturacja +30
#d421f6
saturacja +20
#bd43d4
saturacja +10
#ad5abd
saturacja -10
#cc2ceb
saturacja -20
#bd43d4
saturacja -30
#a566b1

Luminacja (Lightness)

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

luminacja +30
#e1cbe5
luminacja +20
#cdaad3
luminacja +10
#b988c2
luminacja -10
#8b4d97
luminacja -20
#6c3c75
luminacja -30
#4d2b53

Jasność koloru (Brightness)

jasność +10
#bf80cb
jasność +20
#d899e4
jasność +30
#f2b3fe
jasność +40
#ffccff

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.

#a566b1
#aa6eb5
#ae75b9
#b785c1
#c094c8
#c9a3d0
#d2b3d8
#dbc2e0
#e4d1e8
#ede0ef
#f6f0f7
#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.

#a566b1
#9d61a8
#955c9f
#84528e
#74477c
#633d6a
#533359
#422947
#321f35
#211423
#110a12
#000000

Spin koloru

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

Mix koloru

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

#a566b1
#a169ac
#9e6ba7
#96709d
#8f7593
#877a89
#808080
#788576
#718a6c
#698f62
#629458
#5a994e

Kolory RGB

Kolor HEX #a566b1

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(165,102,177). Kolor czerwony (R) ma wartość 165 czyli 65% wartości maksymalnej wartości czerwonego lub 37% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 102 czyli 40% wartości maksymalnej wartości zielonego lub 23% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 177 czyli 69% wartości maksymalnej wartości niebieskiego lub 40% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 444 czyli 58% maksymalnej wartości (765).

Czerwony 65%
Zielony 40%
Niebieski 69%
czerwony 37%     ||     zielony 23%     ||     niebieski 40%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 7% cyjanu, 42% magenty, 0% żółtego i 31% czarnego.

Cyan 7%
Magenta 42%
Yellow 0%
Black 31%

Kolor czcionki #a566b1

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

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

Kolor tła #a566b1

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

Kolor tła #a566b1

Kolor obramowania #a566b1

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

Kolor ramki #a566b1