#F54A33 kolor HEX kod RGB, HSL, CMYK KOLOR KOD DLA HEXA KOLOR #F54A33

#F54A33

W przestrzeni kolorów RGB hex #F54A33 składa się z 96% red, 29% green i 20% blue. Kod koloru RGB składa się z szesnastkowego F5 red (245/255), 4A green (74/255) i 33 blue (51/255). Dziesiętny kod koloru RGB to rgb(245,74,51) W przestrzeni kolorów CMYK składa się z 0% cyan, 70% magenta, 79% yellow i 4% black. Ma kąt barwy 7.11o stopni, nasycenie 91% i lekkość 58%. Najbliższy bezpieczny kolor to: #ff3333 rgb (255, 51, 51).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #F54A33 ma wartości RGB R:245, G:74, B:51 i wartości CMYK C:0, M:70, Y:79, K:4. Jego wartość dziesiętna to 16075315. Kod binarny to 111101010100101000110011
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor F54A33  #F54A33 RGB dziesiętny 245, 74, 51  rgb(245, 74, 51) RGB % 96, 29, 20  rgb(96%, 29%, 20%) RGB Adobe 213, 75, 55 CMYK % 0, 70, 79, 4  0%, 70%, 79%, 4% HSL 7.11o, 91, 58  hsl(7.11o, 91%, 58%) HSV (HSB) 7o, 79%, 96%  hsv(7o, 79%, 96%)

Web Safe kolor #ff3333 rgb (255, 51, 51) XYZ 40.703, 24.549 5.725 xyY 0.57, 0.35, 24.55 Hunter-Lab 49.55, 63.57, 26.1 CMY 4%, 71%, 80% Lab 57.49, 65.03, 52 Binarna kolor F5 4A 33 11110101 1001010 110011

Odcienie i odcienie #F54A33

---

Odcień uzyskuje się przez dodanie czerni do oryginalnego koloru w kodzie odcienia.
Odcień powstaje poprzez zmieszanie koloru z bielą.
Użyj palety, aby wybrać kolor lub suwaków, aby ustawić komponenty RGB, HSV, CMYK.
Na przykład tutaj: #300E0A to najciemniejszy kolor, a: #FCDBD7 to najjaśniejszy kolor.

Zmiana koloru odcienia #F54A33

#F76552 rgb (247,101,82) #F76552 #F87C6C rgb (248,124,108) #F87C6C #F99082 rgb (249,144,130) #F99082 #FAA195 rgb (250,161,149) #FAA195 #FBAFA5 rgb (251,175,165) #FBAFA5 #FCBBB3 rgb (252,187,179) #FCBBB3 #FCC5BE rgb (252,197,190) #FCC5BE #FCCEC8 rgb (252,206,200) #FCCEC8 #FCD5D0 rgb (252,213,208) #FCD5D0 #FCDBD7 rgb (252,219,215) #FCDBD7

Zmienność koloru odcienia

#D03F2B rgb (208,63,43) #D03F2B #B13625 rgb (177,54,37) #B13625 #962E1F rgb (150,46,31) #962E1F #80271A rgb (128,39,26) #80271A #6D2116 rgb (109,33,22) #6D2116 #5D1C13 rgb (93,28,19) #5D1C13 #4F1810 rgb (79,24,16) #4F1810 #43140E rgb (67,20,14) #43140E #39110C rgb (57,17,12) #39110C #300E0A rgb (48,14,10) #300E0A

Tony #F54A33

Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #E94F3B jest mniej nasyconym kolorem, a #A96D66 jest najbardziej nasyconym.

#E94F3B rgb (233,79,59) #E94F3B #DF5442 rgb (223,84,66) #DF5442 #D65848 rgb (214,88,72) #D65848 #CD5C4E rgb (205,92,78) #CD5C4E #C56053 rgb (197,96,83) #C56053 #BE6358 rgb (190,99,88) #BE6358 #B8665C rgb (184,102,92) #B8665C #B26960 rgb (178,105,96) #B26960 #AD6B63 rgb (173,107,99) #AD6B63 #A96D66 rgb (169,109,102) #A96D66

Alternatywy dla #F54A33

---

Poniżej możesz zobaczyć kolory zbliżone do #F54A33. Posiadanie zestawu powiązanych kolorów może być przydatne, jeśli potrzebujesz inspirującej alternatywy lub innych kolorów zbliżonych do oryginalnego wyboru kolorów.

#F50E33 rgb (245,14,51) #F50E33 #F52233 rgb (245,34,51) #F52233 #F53633 rgb (245,54,51) #F53633 #F55E33 rgb (245,94,51) #F55E33 #F57233 rgb (245,114,51) #F57233 #F58633 rgb (245,134,51) #F58633

Szybkie użycie #F54A33

---

Jak używać tego koloru na stronach internetowych, skryptach lub innych językach programowania wykorzystujących html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Kolor tekstu	Przykład koloru tła
Kolor tekstu	Przykład koloru tła
<font color="#F54A33;">Text here</font>	<div style="background-color:#F54A33;">Text here</div>

Podgląd kolorów na czarnym tle	Podgląd koloru na białym tle
podgląd kolorów na czarnym tle	podgląd koloru na białym tle
HTML kod <div style="background-color:#000000"> <font color="#F54A33;">Text here</font> </div>	HTML kod <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#F54A33;">Text here</font> </div>

Cień div box	Kod CSS cienia tekstu
cień pudełka dla kolor #F54A33	kod CSS cienia tekstu
HTML kod <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #F54A33;"></div> CSS kod .box-shadow: 2px 2px 7px 1px;	CSS kod .text-shadow: 1px 2px 2px #F54A33;

Kod html obramowania pola	Cień tekstu z wartościami RGB dla kolor #F54A33
kod html obramowania pola dla kolor #F54A33	cień tekstu z wartościami RGB
HTML kod <div style="background-color:#FFFFFF; border:1px solid #F54A33;"></div>	CSS kod with RGB .text-shadow: 0px 2px 2px rgba(245, 74, 51, 1.4);

Wstępnie sformatowany kod F54A33	kod dla script / programming
HTML, CSS:	= #F54A33; rgb(245, 74, 51)
Java:	= new Color(245, 74, 51)
.NET:	= Color.FromArgb (245, 74, 51);
Xojo:	= rgb (245, 74, 51, 0);
openGL:	= glColor3f (0.96f, 0.29f, 0.2f);
Swift:	= UIColor(red:0.96, green:0.29, blue:0.2, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.96 green:0.29 blue:0.2 alpha:1.00000];

Schematy kolorów z #F54A33

---

Kolor monochromatyczny Monochromatyczne schematy kolorów są łatwe do stworzenia, ponieważ używają tylko jednego koloru. Schematy monochromatyczne wykorzystują różne odcienie pod tym samym kątem na kole kolorów (ten sam kąt), wystarczy zmienić nasycenie koloru +10% i masz nowy kolor monochromatyczny. W naszym przypadku kolor: 79% ma nasycenie #F54A33. Dodanie 79% + 10% = 89% nasycenia dla naszego nowego koloru #CF2C17. Zmniejszenie 79% - 10% = nasycenie 69% dla innego koloru monochromatycznego #FF644F. #ff644f rgb (255,100,79) #ff644f 69% nasycenie #ff574a rgb (181,87,74) #ff574a 59% nasycenie #cf2c17 rgb (207,44,23) #cf2c17 89% nasycenie #b51702 rgb (181,23,2) #b51702 99% nasycenie

Analogiczny kolor Analogiczne schematy kolorów są tworzone przy użyciu kolorów znajdujących się obok siebie na kole kolorów. Tylko +/- 30o po bokach kąta odcienia kolorów #F5AB33 rgb (245,171,51) #F5AB33 37o #F54A33 rgb (245,74,51) #F54A33 7o #F5337E rgb (245,51,126) #F5337E 337o

Kolor uzupełniający Schematy uzupełniające są tworzone przez łączenie kolorów z przeciwnych stron koła kolorów. Po prostu dodaj 180 stopni do odcienia / kąta koloru i masz kolor uzupełniający. W naszym przypadku kolor: #F54A33 ma kąt 7o. Dodanie 7o + 180o = 187oo dla naszego nowego koloru uzupełniającego #33DEF5. #F54A33 rgb (245,74,51) #F54A33 7o #33DEF5 rgb (51,222,245) #33DEF5 187o

Podzielony kolor Schematy złożone lub podzielone schematy komplementarne są prawie takie same jak schematy uzupełniające. Zamiast używać kolorów, które są przeciwstawne, używa kolorów po obu stronach przeciwnego kąta odcienia. W naszym przypadku kolor: #F54A33 ma kąt 7o. Dodanie 7o + 180o+30o = 217o dla naszego pierwszego koloru uzupełniającego #337EF5. Zmniejszenie 7o + 180o-30o = 157o dla drugiego koloru uzupełniającego #33F5AB. #33F5AB rgb (51,245,171) #33F5AB 157o #F54A33 rgb (245,74,51) #F54A33 7o #337EF5 rgb (51,126,245) #337EF5 217o

Kolor triady Schematy triady składają się z odcieni/kątów rozmieszczonych równomiernie wokół koła kolorów. Dodaj i zmniejsz +/- 120 stopni po obu stronach kąta odcienia koloru. #33F54A rgb (51,245,74) #33F54A 127o #F54A33 rgb (245,74,51) #F54A33 7o #4A33F5 rgb (74,51,245) #4A33F5 247o

Kolor tetradyczny Schematy tetradyczne składają się z odcieni/kątów rozmieszczonych wokół koła kolorów. Dodaj 120,180,300 stopni do kąta odcienia koloru. #33F54A rgb (51,245,74) #33F54A 127o #F54A33 rgb (245,74,51) #F54A33 7o #33DEF5 rgb (51,222,245) #33DEF5 187o #F533DE rgb (245,51,222) #F533DE 307o