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

#5596F2

W przestrzeni kolorów RGB hex #5596F2 składa się z 33% red, 59% green i 95% blue. Kod koloru RGB składa się z szesnastkowego 55 red (85/255), 96 green (150/255) i F2 blue (242/255). Dziesiętny kod koloru RGB to rgb(85,150,242) W przestrzeni kolorów CMYK składa się z 65% cyan, 38% magenta, 0% yellow i 5% black. Ma kąt barwy 215.16o stopni, nasycenie 86% i lekkość 64%. Najbliższy bezpieczny kolor to: #6699ff rgb (102, 153, 255).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #5596F2 ma wartości RGB R:85, G:150, B:242 i wartości CMYK C:65, M:38, Y:0, K:5. Jego wartość dziesiętna to 5609202. Kod binarny to 10101011001011011110010
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 5596F2  #5596F2 RGB dziesiętny 85, 150, 242  rgb(85, 150, 242) RGB % 33, 59, 95  rgb(33%, 59%, 95%) RGB Adobe 108, 149, 239 CMYK % 65, 38, 0, 5  65%, 38%, 0%, 5% HSL 215.16o, 86, 64  hsl(215.16o, 86%, 64%) HSV (HSB) 215o, 65%, 95%  hsv(215o, 65%, 95%)

Web Safe kolor #6699ff rgb (102, 153, 255) XYZ 30.68, 30.155 88.208 xyY 0.21, 0.2, 30.16 Hunter-Lab 54.91, 6.67, -62.09 CMY 67%, 41%, 5% Lab 61.02, 0.74, -53.33 Binarna kolor 55 96 F2 1010101 10010110 11110010

Odcienie i odcienie #5596F2

---

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: #101E30 to najciemniejszy kolor, a: #DEEAFC to najjaśniejszy kolor.

Zmiana koloru odcienia #5596F2

#6FA6F4 rgb (111,166,244) #6FA6F4 #85B3F6 rgb (133,179,246) #85B3F6 #97BEF7 rgb (151,190,247) #97BEF7 #A7C8F8 rgb (167,200,248) #A7C8F8 #B4D0F9 rgb (180,208,249) #B4D0F9 #BFD7FA rgb (191,215,250) #BFD7FA #C9DDFB rgb (201,221,251) #C9DDFB #D1E2FC rgb (209,226,252) #D1E2FC #D8E6FC rgb (216,230,252) #D8E6FC #DEEAFC rgb (222,234,252) #DEEAFC

Zmienność koloru odcienia

#4880CE rgb (72,128,206) #4880CE #3D6DAF rgb (61,109,175) #3D6DAF #345D95 rgb (52,93,149) #345D95 #2C4F7F rgb (44,79,127) #2C4F7F #25436C rgb (37,67,108) #25436C #1F395C rgb (31,57,92) #1F395C #1A304E rgb (26,48,78) #1A304E #162942 rgb (22,41,66) #162942 #132338 rgb (19,35,56) #132338 #101E30 rgb (16,30,48) #101E30

Tony #5596F2

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

#5994E7 rgb (89,148,231) #5994E7 #5D92DD rgb (93,146,221) #5D92DD #6190D4 rgb (97,144,212) #6190D4 #648ECC rgb (100,142,204) #648ECC #678DC4 rgb (103,141,196) #678DC4 #6A8CBD rgb (106,140,189) #6A8CBD #6C8BB7 rgb (108,139,183) #6C8BB7 #6E8AB2 rgb (110,138,178) #6E8AB2 #7089AD rgb (112,137,173) #7089AD #7288A9 rgb (114,136,169) #7288A9

Alternatywy dla #5596F2

---

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

#555AF2 rgb (85,90,242) #555AF2 #556EF2 rgb (85,110,242) #556EF2 #5582F2 rgb (85,130,242) #5582F2 #55AAF2 rgb (85,170,242) #55AAF2 #55BEF2 rgb (85,190,242) #55BEF2 #55D2F2 rgb (85,210,242) #55D2F2

Szybkie użycie #5596F2

---

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

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

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

Wstępnie sformatowany kod 5596F2	kod dla script / programming
HTML, CSS:	= #5596F2; rgb(85, 150, 242)
Java:	= new Color(85, 150, 242)
.NET:	= Color.FromArgb (85, 150, 242);
Xojo:	= rgb (85, 150, 242, 0);
openGL:	= glColor3f (0.33f, 0.59f, 0.95f);
Swift:	= UIColor(red:0.33, green:0.59, blue:0.95, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.59 blue:0.95 alpha:1.00000];

Schematy kolorów z #5596F2

---

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: 65% ma nasycenie #5596F2. Dodanie 65% + 10% = 75% nasycenia dla naszego nowego koloru #3373CC. Zmniejszenie 65% - 10% = nasycenie 55% dla innego koloru monochromatycznego #73ADFF. #73adff rgb (115,173,255) #73adff 55% nasycenie #7384b3 rgb (98,132,179) #7384b3 45% nasycenie #3373cc rgb (51,115,204) #3373cc 75% nasycenie #1b5ab3 rgb (27,90,179) #1b5ab3 85% 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 #6255F2 rgb (98,85,242) #6255F2 245o #5596F2 rgb (85,150,242) #5596F2 215o #55E5F2 rgb (85,229,242) #55E5F2 185o

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: #5596F2 ma kąt 215o. Dodanie 215o + 180o = 35oo dla naszego nowego koloru uzupełniającego #F2B155. #5596F2 rgb (85,150,242) #5596F2 215o #F2B155 rgb (242,177,85) #F2B155 35o

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: #5596F2 ma kąt 215o. Dodanie 215o + 180o+30o = 65o dla naszego pierwszego koloru uzupełniającego #E5F255. Zmniejszenie 215o + 180o-30o = 5o dla drugiego koloru uzupełniającego #F26255. #F26255 rgb (242,98,85) #F26255 5o #5596F2 rgb (85,150,242) #5596F2 215o #E5F255 rgb (229,242,85) #E5F255 65o

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. #F25596 rgb (242,85,150) #F25596 335o #5596F2 rgb (85,150,242) #5596F2 215o #96F255 rgb (150,242,85) #96F255 95o

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. #F25596 rgb (242,85,150) #F25596 335o #5596F2 rgb (85,150,242) #5596F2 215o #F2B155 rgb (242,177,85) #F2B155 35o #55F2B1 rgb (85,242,177) #55F2B1 155o