Kolor HEX #f1d30f

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #f1d30f. Najbardziej podobny do niego kolor to Gold (#ffd700), którego odcień to żółty. W palecie kolorów X11 nie występuje kolor #f1d30f. Najbardziej podobny do niego kolor to Citrine (#e4d00a ).

Konwersja z HEX kolor #f1d30f

RGB241
95%
211
83%
15
6%
HSV52º94%95%
HSL52º89%50.2%
CMYK0
0%
0.12
12%
0.94
94%
0.05
5%
SystemCzerwonyZielonyNiebieski
HEXf1d30f
RGB decimal24121115
Octal36132317
Binary111100011101001100001111
Decimal (0-16777215)15848207

Kolor #f1d30f (0xF1D30F) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #ffcc00. #f1d30f jest kolorem jasnym, którego poziom jasności wynosi 198/255. Współczynnik kontrastu do koloru białego to 1.48 : 1.

Skala szarości
#808080
Kolor bazowy
#f1d30f

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) #f1d30f: kąt barwy 52º, nasycenie: 89%, jasność: 50.2%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 52º, nasycenie koloru: 94%, a jasność 95%.

Nasycenie koloru (Saturation)

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

saturacja +30
#ffdd01
saturacja +20
#ffdd01
saturacja +10
#fedc02
saturacja -10
#f2d40e
saturacja -20
#d9c127
saturacja -30
#b3a54d

Luminacja (Lightness)

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

luminacja +30
#f9eda0
luminacja +20
#f7e56f
luminacja +10
#f4dc3f
luminacja -10
#c2a90b
luminacja -20
#927f08
luminacja -30
#615506

Jasność koloru (Brightness)

jasność +10
#ffed29
jasność +20
#ffff42
jasność +30
#ffff5c
jasność +40
#ffff75

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.

#f1d30f
#f2d51b
#f2d727
#f4dc3f
#f5e057
#f7e56f
#f8e987
#f9ed9f
#fbf2b7
#fcf6cf
#fefbe7
#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.

#f1d30f
#e5c80e
#d9be0e
#c1a90c
#a9940b
#917f09
#796a08
#605406
#483f05
#302a03
#181502
#000000

Spin koloru

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

Mix koloru

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

#f1d30f
#e6cb1a
#dac226
#c4b23c
#ada153
#969069
#808080
#696f96
#525ead
#3b4dc3
#253dda
#0e2cf0

Kolory RGB

Kolor HEX #f1d30f

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(241,211,15). Kolor czerwony (R) ma wartość 241 czyli 95% wartości maksymalnej wartości czerwonego lub 52% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 211 czyli 83% wartości maksymalnej wartości zielonego lub 45% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 15 czyli 6% wartości maksymalnej wartości niebieskiego lub 3% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 467 czyli 61% maksymalnej wartości (765).

Czerwony 95%
Zielony 83%
Niebieski 6%
czerwony 52%     ||     zielony 45%     ||     niebieski 3%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 12% magenty, 94% żółtego i 5% czarnego.

Cyan 0%
Magenta 12%
Yellow 94%
Black 5%

Kolor czcionki #f1d30f

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

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

Kolor tła #f1d30f

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

Kolor tła #f1d30f

Kolor obramowania #f1d30f

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

Kolor ramki #f1d30f