Kolor HEX #e915b3

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #e915b3. Najbardziej podobny do niego kolor to DeepPink (#ff1493), którego odcień to różowy. W palecie kolorów X11 nie występuje kolor #e915b3. Najbardziej podobny do niego kolor to Deep Pink (#ff1493 ).

Konwersja z HEX kolor #e915b3

RGB233
91%
21
8%
179
70%
HSV315º91%91%
HSL315.3º83.5%49.8%
CMYK0
0%
0.91
91%
0.23
23%
0.09
9%
SystemCzerwonyZielonyNiebieski
HEXe915b3
RGB decimal23321179
Octal35125263
Binary111010010001010110110011
Decimal (0-16777215)15275443

Kolor #e915b3 (0xE915B3) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #ff00cc. #e915b3 jest kolorem ciemnym, którego poziom jasności wynosi 102/255. Współczynnik kontrastu do koloru białego to 4.03 : 1.

Skala szarości
#7f7f7f
Kolor bazowy
#e915b3

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) #e915b3: kąt barwy 315.3º, nasycenie: 83.5%, jasność: 49.8%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 315º, nasycenie koloru: 91%, a jasność 91%.

Nasycenie koloru (Saturation)

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

saturacja +30
#fe00bd
saturacja +20
#fe00bd
saturacja +10
#f608b9
saturacja -10
#f10db7
saturacja -20
#d826ab
saturacja -30
#b24c98

Luminacja (Lightness)

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

luminacja +30
#f7a0e1
luminacja +20
#f272d1
luminacja +10
#ee43c2
luminacja -10
#ba118f
luminacja -20
#8b0d6b
luminacja -30
#5d0847

Jasność koloru (Brightness)

jasność +10
#ff2fcd
jasność +20
#ff48e6
jasność +30
#ff62ff
jasność +40
#ff7bff

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.

#e915b3
#ea21b7
#eb2cbb
#ed44c2
#f05bca
#f273d1
#f48ad9
#f6a1e1
#f8b9e8
#fbd0f0
#fde8f7
#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.

#e915b3
#dd14aa
#d213a1
#ba118f
#a30f7d
#8c0d6b
#750b5a
#5d0848
#460636
#2f0424
#170212
#000000

Spin koloru

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

Mix koloru

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

#e915b3
#de20ae
#d42aa9
#bf409e
#aa5594
#956a8a
#808080
#6a9575
#55aa6b
#40bf61
#2bd556
#16ea4c

Kolory RGB

Kolor HEX #e915b3

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(233,21,179). Kolor czerwony (R) ma wartość 233 czyli 91% wartości maksymalnej wartości czerwonego lub 54% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 21 czyli 8% wartości maksymalnej wartości zielonego lub 5% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 179 czyli 70% wartości maksymalnej wartości niebieskiego lub 41% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 433 czyli 57% maksymalnej wartości (765).

Czerwony 91%
Zielony 8%
Niebieski 70%
czerwony 54%     ||     zielony 5%     ||     niebieski 41%

Kolory CMYK

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

Cyan 0%
Magenta 91%
Yellow 23%
Black 9%

Kolor czcionki #e915b3

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

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

Kolor tła #e915b3

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

Kolor tła #e915b3

Kolor obramowania #e915b3

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

Kolor ramki #e915b3