Kolor HEX #f75593

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #f75593. Najbardziej podobny do niego kolor to PaleVioletRed (#db7093), którego odcień to różowy. W palecie kolorów X11 nie występuje kolor #f75593. Najbardziej podobny do niego kolor to Light Crimson (#f56991 ).

Konwersja z HEX kolor #f75593

RGB247
97%
85
33%
147
58%
HSV337º66%97%
HSL337º91%65.1%
CMYK0
0%
0.66
66%
0.4
40%
0.03
3%
SystemCzerwonyZielonyNiebieski
HEXf75593
RGB decimal24785147
Octal367125223
Binary111101110101010110010011
Decimal (0-16777215)16209299

Kolor #f75593 (0xF75593) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #ff6699. #f75593 jest kolorem jasnym, którego poziom jasności wynosi 141/255. Współczynnik kontrastu do koloru białego to 3.15 : 1.

Skala szarości
#a6a6a6
Kolor bazowy
#f75593

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) #f75593: kąt barwy 337º, nasycenie: 91%, jasność: 65.1%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 337º, nasycenie koloru: 66%, a jasność 97%.

Nasycenie koloru (Saturation)

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

saturacja +30
#ff4d91
saturacja +20
#ff4d91
saturacja +10
#ff4d91
saturacja -10
#f65693
saturacja -20
#e46897
saturacja -30
#ca829e

Luminacja (Lightness)

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

luminacja +30
#fee7f0
luminacja +20
#fcb6d1
luminacja +10
#f986b2
luminacja -10
#f52474
luminacja -20
#dc0a5b
luminacja -30
#ab0847

Jasność koloru (Brightness)

jasność +10
#ff6fad
jasność +20
#ff88c6
jasność +30
#ffa2e0
jasność +40
#ffbbf9

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.

#f75593
#f75e98
#f8669e
#f977a9
#f988b3
#fa99be
#fbaac9
#fcbbd4
#fdccdf
#fddde9
#feeef4
#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.

#f75593
#eb518c
#de4d84
#c64476
#ad3c67
#943358
#7c2b4a
#63223b
#4a1a2c
#31111d
#19090f
#000000

Spin koloru

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

Mix koloru

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

#f75593
#eb5991
#df5e8f
#c7668b
#af6f87
#977783
#808080
#68887c
#509178
#389974
#20a270
#08aa6c

Kolory RGB

Kolor HEX #f75593

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(247,85,147). Kolor czerwony (R) ma wartość 247 czyli 97% wartości maksymalnej wartości czerwonego lub 52% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 85 czyli 33% wartości maksymalnej wartości zielonego lub 18% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 147 czyli 58% wartości maksymalnej wartości niebieskiego lub 31% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 479 czyli 63% maksymalnej wartości (765).

Czerwony 97%
Zielony 33%
Niebieski 58%
czerwony 52%     ||     zielony 18%     ||     niebieski 31%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 66% magenty, 40% żółtego i 3% czarnego.

Cyan 0%
Magenta 66%
Yellow 40%
Black 3%

Kolor czcionki #f75593

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

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

Kolor tła #f75593

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

Kolor tła #f75593

Kolor obramowania #f75593

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

Kolor ramki #f75593