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

#F5506B

W przestrzeni kolorów RGB hex #F5506B składa się z 96% red, 31% green i 42% blue. Kod koloru RGB składa się z szesnastkowego F5 red (245/255), 50 green (80/255) i 6B blue (107/255). Dziesiętny kod koloru RGB to rgb(245,80,107) W przestrzeni kolorów CMYK składa się z 0% cyan, 67% magenta, 56% yellow i 4% black. Ma kąt barwy 350.18o stopni, nasycenie 89% i lekkość 64%. Najbliższy bezpieczny kolor to: #ff6666 rgb (255, 102, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #F5506B ma wartości RGB R:245, G:80, B:107 i wartości CMYK C:0, M:67, Y:56, K:4. Jego wartość dziesiętna to 16076907. Kod binarny to 111101010101000001101011
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor F5506B  #F5506B RGB dziesiętny 245, 80, 107  rgb(245, 80, 107) RGB % 96, 31, 42  rgb(96%, 31%, 42%) RGB Adobe 213, 81, 106 CMYK % 0, 67, 56, 4  0%, 67%, 56%, 4% HSL 350.18o, 89, 64  hsl(350.18o, 89%, 64%) HSV (HSB) 350o, 67%, 96%  hsv(350o, 67%, 96%)

Web Safe kolor #ff6666 rgb (255, 102, 102) XYZ 43.179, 26.211 16.693 xyY 0.5, 0.3, 26.21 Hunter-Lab 51.2, 64.7, 14.25 CMY 4%, 69%, 58% Lab 58.94, 64.87, 22.44 Binarna kolor F5 50 6B 11110101 1010000 1101011

Odcienie i odcienie #F5506B

---

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: #301015 to najciemniejszy kolor, a: #FCDCE2 to najjaśniejszy kolor.

Zmiana koloru odcienia #F5506B

#F76A81 rgb (247,106,129) #F76A81 #F88094 rgb (248,128,148) #F88094 #F993A4 rgb (249,147,164) #F993A4 #FAA3B2 rgb (250,163,178) #FAA3B2 #FBB1BE rgb (251,177,190) #FBB1BE #FCBDC8 rgb (252,189,200) #FCBDC8 #FCC7D0 rgb (252,199,208) #FCC7D0 #FCCFD7 rgb (252,207,215) #FCCFD7 #FCD6DD rgb (252,214,221) #FCD6DD #FCDCE2 rgb (252,220,226) #FCDCE2

Zmienność koloru odcienia

#D0445B rgb (208,68,91) #D0445B #B13A4D rgb (177,58,77) #B13A4D #963141 rgb (150,49,65) #963141 #802A37 rgb (128,42,55) #802A37 #6D242F rgb (109,36,47) #6D242F #5D1F28 rgb (93,31,40) #5D1F28 #4F1A22 rgb (79,26,34) #4F1A22 #43161D rgb (67,22,29) #43161D #391319 rgb (57,19,25) #391319 #301015 rgb (48,16,21) #301015

Tony #F5506B

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

#E9556D rgb (233,85,109) #E9556D #DF596F rgb (223,89,111) #DF596F #D65D71 rgb (214,93,113) #D65D71 #CD6173 rgb (205,97,115) #CD6173 #C56474 rgb (197,100,116) #C56474 #BE6775 rgb (190,103,117) #BE6775 #B86A76 rgb (184,106,118) #B86A76 #B26C77 rgb (178,108,119) #B26C77 #AD6E78 rgb (173,110,120) #AD6E78 #A97079 rgb (169,112,121) #A97079

Alternatywy dla #F5506B

---

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

#F5146B rgb (245,20,107) #F5146B #F5286B rgb (245,40,107) #F5286B #F53C6B rgb (245,60,107) #F53C6B #F5646B rgb (245,100,107) #F5646B #F5786B rgb (245,120,107) #F5786B #F58C6B rgb (245,140,107) #F58C6B

Szybkie użycie #F5506B

---

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

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

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

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

Schematy kolorów z #F5506B

---

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: 67% ma nasycenie #F5506B. Dodanie 67% + 10% = 77% nasycenia dla naszego nowego koloru #CF304A. Zmniejszenie 67% - 10% = nasycenie 57% dla innego koloru monochromatycznego #FF6E86. #ff6e86 rgb (255,110,134) #ff6e86 57% nasycenie #ff606e rgb (181,96,110) #ff606e 47% nasycenie #cf304a rgb (207,48,74) #cf304a 77% nasycenie #b51832 rgb (181,24,50) #b51832 87% 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 #F58751 rgb (245,135,81) #F58751 20o #F5506B rgb (245,80,107) #F5506B 350o #F551BE rgb (245,81,190) #F551BE 320o

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: #F5506B ma kąt 350o. Dodanie 350o + 180o = 170oo dla naszego nowego koloru uzupełniającego #51F5D9. #F5506B rgb (245,80,107) #F5506B 350o #51F5D9 rgb (81,245,217) #51F5D9 170o

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: #F5506B ma kąt 350o. Dodanie 350o + 180o+30o = 200o dla naszego pierwszego koloru uzupełniającego #51BEF5. Zmniejszenie 350o + 180o-30o = 140o dla drugiego koloru uzupełniającego #51F587. #51F587 rgb (81,245,135) #51F587 140o #F5506B rgb (245,80,107) #F5506B 350o #51BEF5 rgb (81,190,245) #51BEF5 200o

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. #6CF551 rgb (108,245,81) #6CF551 110o #F5506B rgb (245,80,107) #F5506B 350o #516CF5 rgb (81,108,245) #516CF5 230o

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. #6CF551 rgb (108,245,81) #6CF551 110o #F5506B rgb (245,80,107) #F5506B 350o #51F5D9 rgb (81,245,217) #51F5D9 170o #D951F5 rgb (217,81,245) #D951F5 290o