Kolor HEX #ef1b98

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

Konwersja z HEX kolor #ef1b98

RGB239
94%
27
11%
152
60%
HSV325º89%94%
HSL324.6º86.9%52.2%
CMYK0
0%
0.89
89%
0.36
36%
0.06
6%
SystemCzerwonyZielonyNiebieski
HEXef1b98
RGB decimal23927152
Octal35733230
Binary111011110001101110011000
Decimal (0-16777215)15670168

Kolor #ef1b98 (0xEF1B98) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #ff3399. #ef1b98 jest kolorem ciemnym, którego poziom jasności wynosi 105/255. Współczynnik kontrastu do koloru białego to 4 : 1.

Skala szarości
#858585
Kolor bazowy
#ef1b98

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) #ef1b98: kąt barwy 324.6º, nasycenie: 86.9%, jasność: 52.2%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 325º, nasycenie koloru: 89%, a jasność 94%.

Nasycenie koloru (Saturation)

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

saturacja +30
#ff0b9b
saturacja +20
#ff0b9b
saturacja +10
#fb0f9a
saturacja -10
#f31799
saturacja -20
#da3094
saturacja -30
#b6548e

Luminacja (Lightness)

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

luminacja +30
#f9aad9
luminacja +20
#f67bc3
luminacja +10
#f24bae
luminacja -10
#c90e7c
luminacja -20
#990b5f
luminacja -30
#6a0741

Jasność koloru (Brightness)

jasność +10
#ff35b2
jasność +20
#ff4ecb
jasność +30
#ff68e5
jasność +40
#ff81fe

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.

#ef1b98
#f0269d
#f132a2
#f249ad
#f45fb7
#f576c1
#f78dcc
#f9a4d6
#fabbe0
#fcd1ea
#fde8f5
#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.

#ef1b98
#e31a90
#d71889
#bf167a
#a7136a
#8f105b
#780e4c
#600b3d
#48082e
#30051e
#18030f
#000000

Spin koloru

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

Mix koloru

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

#ef1b98
#e42596
#d92f93
#c2438e
#ac5789
#966b84
#808080
#69947b
#53a876
#3dbc71
#26d06c
#10e467

Kolory RGB

Kolor HEX #ef1b98

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(239,27,152). Kolor czerwony (R) ma wartość 239 czyli 94% wartości maksymalnej wartości czerwonego lub 57% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 27 czyli 11% wartości maksymalnej wartości zielonego lub 6% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 152 czyli 60% wartości maksymalnej wartości niebieskiego lub 36% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 418 czyli 55% maksymalnej wartości (765).

Czerwony 94%
Zielony 11%
Niebieski 60%
czerwony 57%     ||     zielony 6%     ||     niebieski 36%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 89% magenty, 36% żółtego i 6% czarnego.

Cyan 0%
Magenta 89%
Yellow 36%
Black 6%

Kolor czcionki #ef1b98

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

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

Kolor tła #ef1b98

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

Kolor tła #ef1b98

Kolor obramowania #ef1b98

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

Kolor ramki #ef1b98