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

#356DDD

W przestrzeni kolorów RGB hex #356DDD składa się z 21% red, 43% green i 87% blue. Kod koloru RGB składa się z szesnastkowego 35 red (53/255), 6D green (109/255) i DD blue (221/255). Dziesiętny kod koloru RGB to rgb(53,109,221) W przestrzeni kolorów CMYK składa się z 76% cyan, 51% magenta, 0% yellow i 13% black. Ma kąt barwy 220o stopni, nasycenie 71% i lekkość 54%. Najbliższy bezpieczny kolor to: #3366cc rgb (51, 102, 204).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #356DDD ma wartości RGB R:53, G:109, B:221 i wartości CMYK C:76, M:51, Y:0, K:13. Jego wartość dziesiętna to 3501533. Kod binarny to 1101010110110111011101
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 356DDD  #356DDD RGB dziesiętny 53, 109, 221  rgb(53, 109, 221) RGB % 21, 43, 87  rgb(21%, 43%, 87%) RGB Adobe 76, 109, 217 CMYK % 76, 51, 0, 13  76%, 51%, 0%, 13% HSL 220o, 71, 54  hsl(220o, 71%, 54%) HSV (HSB) 220o, 76%, 87%  hsv(220o, 76%, 87%)

Web Safe kolor #3366cc rgb (51, 102, 204) XYZ 19.988, 16.915 70.618 xyY 0.19, 0.16, 16.92 Hunter-Lab 41.13, 17.24, -78.15 CMY 79%, 57%, 13% Lab 47.16, 12.41, -63.86 Binarna kolor 35 6D DD 110101 1101101 11011101

Odcienie i odcienie #356DDD

---

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: #0A162B to najciemniejszy kolor, a: #D7E2F8 to najjaśniejszy kolor.

Zmiana koloru odcienia #356DDD

#5383E2 rgb (83,131,226) #5383E2 #6D96E6 rgb (109,150,230) #6D96E6 #83A6EA rgb (131,166,234) #83A6EA #96B3ED rgb (150,179,237) #96B3ED #A6BEF0 rgb (166,190,240) #A6BEF0 #B3C8F2 rgb (179,200,242) #B3C8F2 #BED0F4 rgb (190,208,244) #BED0F4 #C8D7F6 rgb (200,215,246) #C8D7F6 #D0DDF7 rgb (208,221,247) #D0DDF7 #D7E2F8 rgb (215,226,248) #D7E2F8

Zmienność koloru odcienia

#2D5DBC rgb (45,93,188) #2D5DBC #264FA0 rgb (38,79,160) #264FA0 #204388 rgb (32,67,136) #204388 #1B3974 rgb (27,57,116) #1B3974 #173063 rgb (23,48,99) #173063 #142954 rgb (20,41,84) #142954 #112347 rgb (17,35,71) #112347 #0E1E3C rgb (14,30,60) #0E1E3C #0C1A33 rgb (12,26,51) #0C1A33 #0A162B rgb (10,22,43) #0A162B

Tony #356DDD

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

#3D6FD4 rgb (61,111,212) #3D6FD4 #4471CC rgb (68,113,204) #4471CC #4A73C4 rgb (74,115,196) #4A73C4 #4F74BD rgb (79,116,189) #4F74BD #5475B7 rgb (84,117,183) #5475B7 #5876B2 rgb (88,118,178) #5876B2 #5C77AD rgb (92,119,173) #5C77AD #6078A9 rgb (96,120,169) #6078A9 #6379A5 rgb (99,121,165) #6379A5 #667AA1 rgb (102,122,161) #667AA1

Alternatywy dla #356DDD

---

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

#3531DD rgb (53,49,221) #3531DD #3545DD rgb (53,69,221) #3545DD #3559DD rgb (53,89,221) #3559DD #3581DD rgb (53,129,221) #3581DD #3595DD rgb (53,149,221) #3595DD #35A9DD rgb (53,169,221) #35A9DD

Szybkie użycie #356DDD

---

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

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

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

Wstępnie sformatowany kod 356DDD	kod dla script / programming
HTML, CSS:	= #356DDD; rgb(53, 109, 221)
Java:	= new Color(53, 109, 221)
.NET:	= Color.FromArgb (53, 109, 221);
Xojo:	= rgb (53, 109, 221, 0);
openGL:	= glColor3f (0.21f, 0.43f, 0.87f);
Swift:	= UIColor(red:0.21, green:0.43, blue:0.87, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.21 green:0.43 blue:0.87 alpha:1.00000];

Schematy kolorów z #356DDD

---

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: 76% ma nasycenie #356DDD. Dodanie 76% + 10% = 86% nasycenia dla naszego nowego koloru #1A4EB8. Zmniejszenie 76% - 10% = nasycenie 66% dla innego koloru monochromatycznego #578FFF. #578fff rgb (87,143,255) #578fff 66% nasycenie #57639e rgb (70,99,158) #57639e 56% nasycenie #1a4eb8 rgb (26,78,184) #1a4eb8 86% nasycenie #06399e rgb (6,57,158) #06399e 96% 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 #5135DE rgb (81,53,222) #5135DE 250o #356DDD rgb (53,109,221) #356DDD 220o #35C2DE rgb (53,194,222) #35C2DE 190o

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: #356DDD ma kąt 220o. Dodanie 220o + 180o = 40oo dla naszego nowego koloru uzupełniającego #DEA635. #356DDD rgb (53,109,221) #356DDD 220o #DEA635 rgb (222,166,53) #DEA635 40o

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: #356DDD ma kąt 220o. Dodanie 220o + 180o+30o = 70o dla naszego pierwszego koloru uzupełniającego #C2DE35. Zmniejszenie 220o + 180o-30o = 10o dla drugiego koloru uzupełniającego #DE5135. #DE5135 rgb (222,81,53) #DE5135 10o #356DDD rgb (53,109,221) #356DDD 220o #C2DE35 rgb (194,222,53) #C2DE35 70o

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. #DE356D rgb (222,53,109) #DE356D 340o #356DDD rgb (53,109,221) #356DDD 220o #6DDE35 rgb (109,222,53) #6DDE35 100o

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. #DE356D rgb (222,53,109) #DE356D 340o #356DDD rgb (53,109,221) #356DDD 220o #DEA635 rgb (222,166,53) #DEA635 40o #35DEA6 rgb (53,222,166) #35DEA6 160o