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

#336156

W przestrzeni kolorów RGB hex #336156 składa się z 20% red, 38% green i 34% blue. Kod koloru RGB składa się z szesnastkowego 33 red (51/255), 61 green (97/255) i 56 blue (86/255). Dziesiętny kod koloru RGB to rgb(51,97,86) W przestrzeni kolorów CMYK składa się z 47% cyan, 0% magenta, 11% yellow i 62% black. Ma kąt barwy 165.65o stopni, nasycenie 31% i lekkość 29%. Najbliższy bezpieczny kolor to: #336666 rgb (51, 102, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #336156 ma wartości RGB R:51, G:97, B:86 i wartości CMYK C:47, M:0, Y:11, K:62. Jego wartość dziesiętna to 3367254. Kod binarny to 1100110110000101010110
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 336156  #336156 RGB dziesiętny 51, 97, 86  rgb(51, 97, 86) RGB % 20, 38, 34  rgb(20%, 38%, 34%) RGB Adobe 70, 97, 87 CMYK % 47, 0, 11, 62  47%, 0%, 11%, 62% HSL 165.65o, 31, 29  hsl(165.65o, 31%, 29%) HSV (HSB) 166o, 47%, 38%  hsv(166o, 47%, 38%)

Web Safe kolor #336666 rgb (51, 102, 102) XYZ 7.32, 9.925 10.334 xyY 0.27, 0.36, 9.93 Hunter-Lab 31.5, -12.16, 0.92 CMY 80%, 62%, 66% Lab 37.61, -18.8, 1.12 Binarna kolor 33 61 56 110011 1100001 1010110

Odcienie i odcienie #336156

---

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

Zmiana koloru odcienia #336156

#52796F rgb (82,121,111) #52796F #6C8D85 rgb (108,141,133) #6C8D85 #829E97 rgb (130,158,151) #829E97 #95ADA7 rgb (149,173,167) #95ADA7 #A5B9B4 rgb (165,185,180) #A5B9B4 #B3C4BF rgb (179,196,191) #B3C4BF #BECDC9 rgb (190,205,201) #BECDC9 #C8D5D1 rgb (200,213,209) #C8D5D1 #D0DBD8 rgb (208,219,216) #D0DBD8 #D7E0DE rgb (215,224,222) #D7E0DE

Zmienność koloru odcienia

#2B5249 rgb (43,82,73) #2B5249 #25463E rgb (37,70,62) #25463E #1F3C35 rgb (31,60,53) #1F3C35 #1A332D rgb (26,51,45) #1A332D #162B26 rgb (22,43,38) #162B26 #132520 rgb (19,37,32) #132520 #101F1B rgb (16,31,27) #101F1B #0E1A17 rgb (14,26,23) #0E1A17 #0C1614 rgb (12,22,20) #0C1614 #0A1311 rgb (10,19,17) #0A1311

Tony #336156

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

#3B645A rgb (59,100,90) #3B645A #42675E rgb (66,103,94) #42675E #486A61 rgb (72,106,97) #486A61 #4E6C64 rgb (78,108,100) #4E6C64 #536E67 rgb (83,110,103) #536E67 #58706A rgb (88,112,106) #58706A #5C726C rgb (92,114,108) #5C726C #60736E rgb (96,115,110) #60736E #637470 rgb (99,116,112) #637470 #667572 rgb (102,117,114) #667572

Alternatywy dla #336156

---

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

#332556 rgb (51,37,86) #332556 #333956 rgb (51,57,86) #333956 #334D56 rgb (51,77,86) #334D56 #337556 rgb (51,117,86) #337556 #338956 rgb (51,137,86) #338956 #339D56 rgb (51,157,86) #339D56

Szybkie użycie #336156

---

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

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

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

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

Schematy kolorów z #336156

---

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: 47% ma nasycenie #336156. Dodanie 47% + 10% = 57% nasycenia dla naszego nowego koloru #193B33. Zmniejszenie 47% - 10% = nasycenie 37% dla innego koloru monochromatycznego #55877B. #55877b rgb (85,135,123) #55877b 37% nasycenie #55211f rgb (24,33,31) #55211f 27% nasycenie #193b33 rgb (25,59,51) #193b33 57% nasycenie #0b211c rgb (11,33,28) #0b211c 67% 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 #335561 rgb (51,85,97) #335561 196o #336156 rgb (51,97,86) #336156 166o #336140 rgb (51,97,64) #336140 136o

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: #336156 ma kąt 166o. Dodanie 166o + 180o = 346oo dla naszego nowego koloru uzupełniającego #61333E. #336156 rgb (51,97,86) #336156 166o #61333E rgb (97,51,62) #61333E 346o

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: #336156 ma kąt 166o. Dodanie 166o + 180o+30o = 16o dla naszego pierwszego koloru uzupełniającego #614033. Zmniejszenie 166o + 180o-30o = 316o dla drugiego koloru uzupełniającego #613355. #613355 rgb (97,51,85) #613355 316o #336156 rgb (51,97,86) #336156 166o #614033 rgb (97,64,51) #614033 16o

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. #563361 rgb (86,51,97) #563361 286o #336156 rgb (51,97,86) #336156 166o #615633 rgb (97,86,51) #615633 46o

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. #563361 rgb (86,51,97) #563361 286o #336156 rgb (51,97,86) #336156 166o #61333E rgb (97,51,62) #61333E 346o #3E6133 rgb (62,97,51) #3E6133 106o