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

#334776

W przestrzeni kolorów RGB hex #334776 składa się z 20% red, 28% green i 46% blue. Kod koloru RGB składa się z szesnastkowego 33 red (51/255), 47 green (71/255) i 76 blue (118/255). Dziesiętny kod koloru RGB to rgb(51,71,118) W przestrzeni kolorów CMYK składa się z 57% cyan, 40% magenta, 0% yellow i 54% black. Ma kąt barwy 222.09o stopni, nasycenie 40% i lekkość 33%. Najbliższy bezpieczny kolor to: #333366 rgb (51, 51, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #334776 ma wartości RGB R:51, G:71, B:118 i wartości CMYK C:57, M:40, Y:0, K:54. Jego wartość dziesiętna to 3360630. Kod binarny to 1100110100011101110110
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 334776  #334776 RGB dziesiętny 51, 71, 118  rgb(51, 71, 118) RGB % 20, 28, 46  rgb(20%, 28%, 46%) RGB Adobe 60, 73, 116 CMYK % 57, 40, 0, 54  57%, 40%, 0%, 54% HSL 222.09o, 40, 33  hsl(222.09o, 40%, 33%) HSV (HSB) 222o, 57%, 46%  hsv(222o, 57%, 46%)

Web Safe kolor #333366 rgb (51, 51, 102) XYZ 6.888, 6.518 18.035 xyY 0.22, 0.21, 6.52 Hunter-Lab 25.53, 4.92, -26.38 CMY 80%, 72%, 54% Lab 30.28, 3.6, -29.84 Binarna kolor 33 47 76 110011 1000111 1110110

Odcienie i odcienie #334776

---

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

Zmiana koloru odcienia #334776

#52638B rgb (82,99,139) #52638B #6C7A9C rgb (108,122,156) #6C7A9C #828EAB rgb (130,142,171) #828EAB #959FB8 rgb (149,159,184) #959FB8 #A5ADC3 rgb (165,173,195) #A5ADC3 #B3B9CC rgb (179,185,204) #B3B9CC #BEC4D4 rgb (190,196,212) #BEC4D4 #C8CDDA rgb (200,205,218) #C8CDDA #D0D5E0 rgb (208,213,224) #D0D5E0 #D7DBE5 rgb (215,219,229) #D7DBE5

Zmienność koloru odcienia

#2B3C64 rgb (43,60,100) #2B3C64 #253355 rgb (37,51,85) #253355 #1F2B48 rgb (31,43,72) #1F2B48 #1A253D rgb (26,37,61) #1A253D #161F34 rgb (22,31,52) #161F34 #131A2C rgb (19,26,44) #131A2C #101625 rgb (16,22,37) #101625 #0E131F rgb (14,19,31) #0E131F #0C101A rgb (12,16,26) #0C101A #0A0E16 rgb (10,14,22) #0A0E16

Tony #334776

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

#3B4D77 rgb (59,77,119) #3B4D77 #425278 rgb (66,82,120) #425278 #485779 rgb (72,87,121) #485779 #4E5B7A rgb (78,91,122) #4E5B7A #535F7B rgb (83,95,123) #535F7B #58627C rgb (88,98,124) #58627C #5C657C rgb (92,101,124) #5C657C #60687C rgb (96,104,124) #60687C #636A7C rgb (99,106,124) #636A7C #666C7C rgb (102,108,124) #666C7C

Alternatywy dla #334776

---

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

#330B76 rgb (51,11,118) #330B76 #331F76 rgb (51,31,118) #331F76 #333376 rgb (51,51,118) #333376 #335B76 rgb (51,91,118) #335B76 #336F76 rgb (51,111,118) #336F76 #338376 rgb (51,131,118) #338376

Szybkie użycie #334776

---

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

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

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

Wstępnie sformatowany kod 334776	kod dla script / programming
HTML, CSS:	= #334776; rgb(51, 71, 118)
Java:	= new Color(51, 71, 118)
.NET:	= Color.FromArgb (51, 71, 118);
Xojo:	= rgb (51, 71, 118, 0);
openGL:	= glColor3f (0.2f, 0.28f, 0.46f);
Swift:	= UIColor(red:0.2, green:0.28, blue:0.46, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.28 blue:0.46 alpha:1.00000];

Schematy kolorów z #334776

---

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: 57% ma nasycenie #334776. Dodanie 57% + 10% = 67% nasycenia dla naszego nowego koloru #1A2A4F. Zmniejszenie 57% - 10% = nasycenie 47% dla innego koloru monochromatycznego #52689C. #52689c rgb (82,104,156) #52689c 47% nasycenie #522836 rgb (34,40,54) #522836 37% nasycenie #1a2a4f rgb (26,42,79) #1a2a4f 67% nasycenie #0c1936 rgb (12,25,54) #0c1936 77% 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 #403275 rgb (64,50,117) #403275 252o #334776 rgb (51,71,118) #334776 222o #326875 rgb (50,104,117) #326875 192o

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: #334776 ma kąt 222o. Dodanie 222o + 180o = 42oo dla naszego nowego koloru uzupełniającego #756132. #334776 rgb (51,71,118) #334776 222o #756132 rgb (117,97,50) #756132 42o

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: #334776 ma kąt 222o. Dodanie 222o + 180o+30o = 72o dla naszego pierwszego koloru uzupełniającego #687532. Zmniejszenie 222o + 180o-30o = 12o dla drugiego koloru uzupełniającego #754032. #754032 rgb (117,64,50) #754032 12o #334776 rgb (51,71,118) #334776 222o #687532 rgb (104,117,50) #687532 72o

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. #753246 rgb (117,50,70) #753246 342o #334776 rgb (51,71,118) #334776 222o #467532 rgb (70,117,50) #467532 102o

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. #753246 rgb (117,50,70) #753246 342o #334776 rgb (51,71,118) #334776 222o #756132 rgb (117,97,50) #756132 42o #327561 rgb (50,117,97) #327561 162o