Kolor HEX #f7f414

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #f7f414. Najbardziej podobny do niego kolor to Yellow (#ffff00), którego odcień to żółty. W palecie kolorów X11 nie występuje kolor #f7f414. Najbardziej podobny do niego kolor to Lemon (#fff700 ).

Konwersja z HEX kolor #f7f414

RGB247
97%
244
96%
20
8%
HSV59º92%97%
HSL59.2º93.4%52.4%
CMYK0
0%
0.01
1%
0.92
92%
0.03
3%
SystemCzerwonyZielonyNiebieski
HEXf7f414
RGB decimal24724420
Octal36736424
Binary111101111111010000010100
Decimal (0-16777215)16249876

Kolor #f7f414 (0xF7F414) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #ffff00. #f7f414 jest kolorem jasnym, którego poziom jasności wynosi 219/255. Współczynnik kontrastu do koloru białego to 1.17 : 1.

Skala szarości
#868686
Kolor bazowy
#f7f414

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) #f7f414: kąt barwy 59.2º, nasycenie: 93.4%, jasność: 52.4%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 59º, nasycenie koloru: 92%, a jasność 97%.

Nasycenie koloru (Saturation)

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

saturacja +30
#fffc0c
saturacja +20
#fffc0c
saturacja +10
#fffc0c
saturacja -10
#f3f018
saturacja -20
#dbd831
saturacja -30
#b6b555

Luminacja (Lightness)

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

luminacja +30
#fcfba8
luminacja +20
#faf977
luminacja +10
#f9f646
luminacja -10
#d1ce07
luminacja -20
#a09e05
luminacja -30
#6e6d04

Jasność koloru (Brightness)

jasność +10
#ffff2e
jasność +20
#ffff47
jasność +30
#ffff61
jasność +40
#ffff7a

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.

#f7f414
#f7f520
#f8f52c
#f9f643
#f9f75b
#faf872
#fbfa8a
#fcfba1
#fdfcb9
#fdfdd0
#fefee8
#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.

#f7f414
#ebe813
#dedc12
#c6c310
#adab0e
#94920c
#7c7a0a
#636208
#4a4906
#313104
#191802
#000000

Spin koloru

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

Mix koloru

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

#f7f414
#ebe81f
#dfdd2a
#c7c53f
#afae55
#97976a
#808080
#686895
#5051ab
#383ac0
#2022d6
#080beb

Kolory RGB

Kolor HEX #f7f414

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(247,244,20). Kolor czerwony (R) ma wartość 247 czyli 97% wartości maksymalnej wartości czerwonego lub 48% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 244 czyli 96% wartości maksymalnej wartości zielonego lub 48% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 20 czyli 8% wartości maksymalnej wartości niebieskiego lub 4% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 511 czyli 67% maksymalnej wartości (765).

Czerwony 97%
Zielony 96%
Niebieski 8%
czerwony 48%     ||     zielony 48%     ||     niebieski 4%

Kolory CMYK

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

Cyan 0%
Magenta 1%
Yellow 92%
Black 3%

Kolor czcionki #f7f414

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

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

Kolor tła #f7f414

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

Kolor tła #f7f414

Kolor obramowania #f7f414

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

Kolor ramki #f7f414