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

#356EA4

W przestrzeni kolorów RGB hex #356EA4 składa się z 21% red, 43% green i 64% blue. Kod koloru RGB składa się z szesnastkowego 35 red (53/255), 6E green (110/255) i A4 blue (164/255). Dziesiętny kod koloru RGB to rgb(53,110,164) W przestrzeni kolorów CMYK składa się z 68% cyan, 33% magenta, 0% yellow i 36% black. Ma kąt barwy 209.19o stopni, nasycenie 51% i lekkość 43%. Najbliższy bezpieczny kolor to: #336699 rgb (51, 102, 153).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #356EA4 ma wartości RGB R:53, G:110, B:164 i wartości CMYK C:68, M:33, Y:0, K:36. Jego wartość dziesiętna to 3501732. Kod binarny to 1101010110111010100100
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 356EA4  #356EA4 RGB dziesiętny 53, 110, 164  rgb(53, 110, 164) RGB % 21, 43, 64  rgb(21%, 43%, 64%) RGB Adobe 76, 110, 161 CMYK % 68, 33, 0, 36  68%, 33%, 0%, 36% HSL 209.19o, 51, 43  hsl(209.19o, 51%, 43%) HSV (HSB) 209o, 68%, 64%  hsv(209o, 68%, 64%)

Web Safe kolor #336699 rgb (51, 102, 153) XYZ 13.745, 14.589 37.213 xyY 0.21, 0.22, 14.59 Hunter-Lab 38.2, -0.58, -34.38 CMY 79%, 57%, 36% Lab 44.55, -5.46, -35.23 Binarna kolor 35 6E A4 110101 1101110 10100100

Odcienie i odcienie #356EA4

---

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

Zmiana koloru odcienia #356EA4

#5384B2 rgb (83,132,178) #5384B2 #6D96BE rgb (109,150,190) #6D96BE #83A6C8 rgb (131,166,200) #83A6C8 #96B3D0 rgb (150,179,208) #96B3D0 #A6BED7 rgb (166,190,215) #A6BED7 #B3C8DD rgb (179,200,221) #B3C8DD #BED0E2 rgb (190,208,226) #BED0E2 #C8D7E6 rgb (200,215,230) #C8D7E6 #D0DDEA rgb (208,221,234) #D0DDEA #D7E2ED rgb (215,226,237) #D7E2ED

Zmienność koloru odcienia

#2D5E8B rgb (45,94,139) #2D5E8B #265076 rgb (38,80,118) #265076 #204464 rgb (32,68,100) #204464 #1B3A55 rgb (27,58,85) #1B3A55 #173148 rgb (23,49,72) #173148 #142A3D rgb (20,42,61) #142A3D #112434 rgb (17,36,52) #112434 #0E1F2C rgb (14,31,44) #0E1F2C #0C1A25 rgb (12,26,37) #0C1A25 #0A161F rgb (10,22,31) #0A161F

Tony #356EA4

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

#3D70A0 rgb (61,112,160) #3D70A0 #44729D rgb (68,114,157) #44729D #4A739A rgb (74,115,154) #4A739A #4F7497 rgb (79,116,151) #4F7497 #547595 rgb (84,117,149) #547595 #587693 rgb (88,118,147) #587693 #5C7791 rgb (92,119,145) #5C7791 #60788F rgb (96,120,143) #60788F #63798E rgb (99,121,142) #63798E #667A8D rgb (102,122,141) #667A8D

Alternatywy dla #356EA4

---

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

#3532A4 rgb (53,50,164) #3532A4 #3546A4 rgb (53,70,164) #3546A4 #355AA4 rgb (53,90,164) #355AA4 #3582A4 rgb (53,130,164) #3582A4 #3596A4 rgb (53,150,164) #3596A4 #35AAA4 rgb (53,170,164) #35AAA4

Szybkie użycie #356EA4

---

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

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

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

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

Schematy kolorów z #356EA4

---

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: 68% ma nasycenie #356EA4. Dodanie 68% + 10% = 78% nasycenia dla naszego nowego koloru #1B4E7D. Zmniejszenie 68% - 10% = nasycenie 58% dla innego koloru monochromatycznego #5591C9. #5591c9 rgb (85,145,201) #5591c9 58% nasycenie #554c63 rgb (52,76,99) #554c63 48% nasycenie #1b4e7d rgb (27,78,125) #1b4e7d 78% nasycenie #0c3963 rgb (12,57,99) #0c3963 88% 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 #3436A3 rgb (52,54,163) #3436A3 239o #356EA4 rgb (53,110,164) #356EA4 209o #34A3A1 rgb (52,163,161) #34A3A1 179o

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: #356EA4 ma kąt 209o. Dodanie 209o + 180o = 29oo dla naszego nowego koloru uzupełniającego #A36A34. #356EA4 rgb (53,110,164) #356EA4 209o #A36A34 rgb (163,106,52) #A36A34 29o

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: #356EA4 ma kąt 209o. Dodanie 209o + 180o+30o = 59o dla naszego pierwszego koloru uzupełniającego #A3A134. Zmniejszenie 209o + 180o-30o = 359o dla drugiego koloru uzupełniającego #A33436. #A33436 rgb (163,52,54) #A33436 359o #356EA4 rgb (53,110,164) #356EA4 209o #A3A134 rgb (163,161,52) #A3A134 59o

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. #A3346E rgb (163,52,110) #A3346E 329o #356EA4 rgb (53,110,164) #356EA4 209o #6EA334 rgb (110,163,52) #6EA334 89o

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. #A3346E rgb (163,52,110) #A3346E 329o #356EA4 rgb (53,110,164) #356EA4 209o #A36A34 rgb (163,106,52) #A36A34 29o #34A36A rgb (52,163,106) #34A36A 149o