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

#F4C330

W przestrzeni kolorów RGB hex #F4C330 składa się z 96% red, 76% green i 19% blue. Kod koloru RGB składa się z szesnastkowego F4 red (244/255), C3 green (195/255) i 30 blue (48/255). Dziesiętny kod koloru RGB to rgb(244,195,48) W przestrzeni kolorów CMYK składa się z 0% cyan, 20% magenta, 80% yellow i 4% black. Ma kąt barwy 45o stopni, nasycenie 90% i lekkość 57%. Najbliższy bezpieczny kolor to: #ffcc33 rgb (255, 204, 51).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #F4C330 ma wartości RGB R:244, G:195, B:48 i wartości CMYK C:0, M:20, Y:80, K:4. Jego wartość dziesiętna to 16040752. Kod binarny to 111101001100001100110000
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor F4C330  #F4C330 RGB dziesiętny 244, 195, 48  rgb(244, 195, 48) RGB % 96, 76, 19  rgb(96%, 76%, 19%) RGB Adobe 231, 194, 66 CMYK % 0, 20, 80, 4  0%, 20%, 80%, 4% HSL 45o, 90, 57  hsl(45o, 90%, 57%) HSV (HSB) 45o, 80%, 96%  hsv(45o, 80%, 96%)

Web Safe kolor #ffcc33 rgb (255, 204, 51) XYZ 57.357, 58.477 11.06 xyY 0.45, 0.46, 58.48 Hunter-Lab 76.47, 4.21, 42.36 CMY 4%, 24%, 81% Lab 81.53, 8.59, 73.78 Binarna kolor F4 C3 30 11110100 11000011 110000

Odcienie i odcienie #F4C330

---

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: #30270A to najciemniejszy kolor, a: #FCF3D6 to najjaśniejszy kolor.

Zmiana koloru odcienia #F4C330

#F6CC4F rgb (246,204,79) #F6CC4F #F7D469 rgb (247,212,105) #F7D469 #F8DA80 rgb (248,218,128) #F8DA80 #F9E093 rgb (249,224,147) #F9E093 #FAE5A3 rgb (250,229,163) #FAE5A3 #FBE9B1 rgb (251,233,177) #FBE9B1 #FCECBD rgb (252,236,189) #FCECBD #FCEFC7 rgb (252,239,199) #FCEFC7 #FCF1CF rgb (252,241,207) #FCF1CF #FCF3D6 rgb (252,243,214) #FCF3D6

Zmienność koloru odcienia

#CFA629 rgb (207,166,41) #CFA629 #B08D23 rgb (176,141,35) #B08D23 #96781E rgb (150,120,30) #96781E #80661A rgb (128,102,26) #80661A #6D5716 rgb (109,87,22) #6D5716 #5D4A13 rgb (93,74,19) #5D4A13 #4F3F10 rgb (79,63,16) #4F3F10 #43360E rgb (67,54,14) #43360E #392E0C rgb (57,46,12) #392E0C #30270A rgb (48,39,10) #30270A

Tony #F4C330

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

#E8BC38 rgb (232,188,56) #E8BC38 #DEB63F rgb (222,182,63) #DEB63F #D5B146 rgb (213,177,70) #D5B146 #CDAC4C rgb (205,172,76) #CDAC4C #C5A851 rgb (197,168,81) #C5A851 #BEA456 rgb (190,164,86) #BEA456 #B8A05A rgb (184,160,90) #B8A05A #B29D5E rgb (178,157,94) #B29D5E #AD9A61 rgb (173,154,97) #AD9A61 #A99764 rgb (169,151,100) #A99764

Alternatywy dla #F4C330

---

Poniżej możesz zobaczyć kolory zbliżone do #F4C330. 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.

#F48730 rgb (244,135,48) #F48730 #F49B30 rgb (244,155,48) #F49B30 #F4AF30 rgb (244,175,48) #F4AF30 #F4D730 rgb (244,215,48) #F4D730 #F4EB30 rgb (244,235,48) #F4EB30 #FFFF44 rgb (255,255,68) #FFFF44

Szybkie użycie #F4C330

---

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="#F4C330;">Text here</font>	<div style="background-color:#F4C330;">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="#F4C330;">Text here</font> </div>	HTML kod <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#F4C330;">Text here</font> </div>

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

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

Wstępnie sformatowany kod F4C330	kod dla script / programming
HTML, CSS:	= #F4C330; rgb(244, 195, 48)
Java:	= new Color(244, 195, 48)
.NET:	= Color.FromArgb (244, 195, 48);
Xojo:	= rgb (244, 195, 48, 0);
openGL:	= glColor3f (0.96f, 0.76f, 0.19f);
Swift:	= UIColor(red:0.96, green:0.76, blue:0.19, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.96 green:0.76 blue:0.19 alpha:1.00000];

Schematy kolorów z #F4C330

---

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: 80% ma nasycenie #F4C330. Dodanie 80% + 10% = 90% nasycenia dla naszego nowego koloru #CFA015. Zmniejszenie 80% - 10% = nasycenie 70% dla innego koloru monochromatycznego #FFD24D. #ffd24d rgb (255,210,77) #ffd24d 70% nasycenie #ff9a48 rgb (181,154,72) #ff9a48 60% nasycenie #cfa015 rgb (207,160,21) #cfa015 90% nasycenie #b58800 rgb (181,136,0) #b58800 100% 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 #C4F531 rgb (196,245,49) #C4F531 75o #F4C330 rgb (244,195,48) #F4C330 45o #F56231 rgb (245,98,49) #F56231 15o

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: #F4C330 ma kąt 45o. Dodanie 45o + 180o = 225oo dla naszego nowego koloru uzupełniającego #3162F5. #F4C330 rgb (244,195,48) #F4C330 45o #3162F5 rgb (49,98,245) #3162F5 225o

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: #F4C330 ma kąt 45o. Dodanie 45o + 180o+30o = 255o dla naszego pierwszego koloru uzupełniającego #6231F5. Zmniejszenie 45o + 180o-30o = 195o dla drugiego koloru uzupełniającego #31C4F5. #31C4F5 rgb (49,196,245) #31C4F5 195o #F4C330 rgb (244,195,48) #F4C330 45o #6231F5 rgb (98,49,245) #6231F5 255o

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. #31F5C4 rgb (49,245,196) #31F5C4 165o #F4C330 rgb (244,195,48) #F4C330 45o #C431F5 rgb (196,49,245) #C431F5 285o

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. #31F5C4 rgb (49,245,196) #31F5C4 165o #F4C330 rgb (244,195,48) #F4C330 45o #3162F5 rgb (49,98,245) #3162F5 225o #F53162 rgb (245,49,98) #F53162 345o