Kolor HEX #e580bc

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #e580bc. Najbardziej podobny do niego kolor to Orchid (#da70d6), którego odcień to purpurowy. W palecie kolorów X11 nie występuje kolor #e580bc. Najbardziej podobny do niego kolor to Charm Pink (#e68fac ).

Konwersja z HEX kolor #e580bc

RGB229
90%
128
50%
188
74%
HSV324º44%90%
HSL324.4º66%70%
CMYK0
0%
0.44
44%
0.18
18%
0.1
10%
SystemCzerwonyZielonyNiebieski
HEXe580bc
RGB decimal229128188
Octal345200274
Binary111001011000000010111100
Decimal (0-16777215)15040700

Kolor #e580bc (0xE580BC) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cc99cc. #e580bc jest kolorem jasnym, którego poziom jasności wynosi 165/255. Współczynnik kontrastu do koloru białego to 2.55 : 1.

Skala szarości
#b3b3b3
Kolor bazowy
#e580bc

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) #e580bc: kąt barwy 324.4º, nasycenie: 66%, jasność: 70%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 324º, nasycenie koloru: 44%, a jasność 90%.

Nasycenie koloru (Saturation)

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

saturacja +30
#ff66c1
saturacja +20
#fc69c0
saturacja +10
#ed78bd
saturacja -10
#f76ebf
saturacja -20
#e87dbc
saturacja -30
#d194b8

Luminacja (Lightness)

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

luminacja +30
#ffffff
luminacja +20
#f6d5e9
luminacja +10
#eeaad2
luminacja -10
#dc56a6
luminacja -20
#d42b8f
luminacja -30
#a92373

Jasność koloru (Brightness)

jasność +10
#ff9ad6
jasność +20
#ffb3ef
jasność +30
#ffcdff
jasność +40
#ffe6ff

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.

#e580bc
#e686bf
#e88dc3
#ea99c9
#eda6d0
#efb3d7
#f2c0de
#f5cce4
#f7d9eb
#fae6f2
#fcf2f8
#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.

#e580bc
#da7ab3
#ce73a9
#b76696
#a05a84
#894d71
#73405e
#5c334b
#452638
#2e1a26
#170d13
#000000

Spin koloru

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

Mix koloru

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

#e580bc
#db80b6
#d180b0
#bc80a4
#a88098
#94808c
#808080
#6b7f73
#577f67
#437f5b
#2e7f4f
#1a7f43

Kolory RGB

Kolor HEX #e580bc

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(229,128,188). Kolor czerwony (R) ma wartość 229 czyli 90% wartości maksymalnej wartości czerwonego lub 42% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 128 czyli 50% wartości maksymalnej wartości zielonego lub 23% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 188 czyli 74% wartości maksymalnej wartości niebieskiego lub 34% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 545 czyli 71% maksymalnej wartości (765).

Czerwony 90%
Zielony 50%
Niebieski 74%
czerwony 42%     ||     zielony 23%     ||     niebieski 34%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 44% magenty, 18% żółtego i 10% czarnego.

Cyan 0%
Magenta 44%
Yellow 18%
Black 10%

Kolor czcionki #e580bc

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

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

Kolor tła #e580bc

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

Kolor tła #e580bc

Kolor obramowania #e580bc

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

Kolor ramki #e580bc