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

#336D57

W przestrzeni kolorów RGB hex #336D57 składa się z 20% red, 43% green i 34% blue. Kod koloru RGB składa się z szesnastkowego 33 red (51/255), 6D green (109/255) i 57 blue (87/255). Dziesiętny kod koloru RGB to rgb(51,109,87) W przestrzeni kolorów CMYK składa się z 53% cyan, 0% magenta, 20% yellow i 57% black. Ma kąt barwy 157.24o stopni, nasycenie 36% i lekkość 31%. Najbliższy bezpieczny kolor to: #336666 rgb (51, 102, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #336D57 ma wartości RGB R:51, G:109, B:87 i wartości CMYK C:53, M:0, Y:20, K:57. Jego wartość dziesiętna to 3370327. Kod binarny to 1100110110110101010111
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 336D57  #336D57 RGB dziesiętny 51, 109, 87  rgb(51, 109, 87) RGB % 20, 43, 34  rgb(20%, 43%, 34%) RGB Adobe 75, 109, 89 CMYK % 53, 0, 20, 57  53%, 0%, 20%, 57% HSL 157.24o, 36, 31  hsl(157.24o, 36%, 31%) HSV (HSB) 157o, 53%, 43%  hsv(157o, 53%, 43%)

Web Safe kolor #336666 rgb (51, 102, 102) XYZ 8.554, 12.329 10.946 xyY 0.27, 0.39, 12.33 Hunter-Lab 35.11, -16.34, 4.35 CMY 80%, 57%, 66% Lab 41.65, -24.28, 6.25 Binarna kolor 33 6D 57 110011 1101101 1010111

Odcienie i odcienie #336D57

---

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

Zmiana koloru odcienia #336D57

#528370 rgb (82,131,112) #528370 #6C9685 rgb (108,150,133) #6C9685 #82A697 rgb (130,166,151) #82A697 #95B3A7 rgb (149,179,167) #95B3A7 #A5BEB4 rgb (165,190,180) #A5BEB4 #B3C8BF rgb (179,200,191) #B3C8BF #BED0C9 rgb (190,208,201) #BED0C9 #C8D7D1 rgb (200,215,209) #C8D7D1 #D0DDD8 rgb (208,221,216) #D0DDD8 #D7E2DE rgb (215,226,222) #D7E2DE

Zmienność koloru odcienia

#2B5D4A rgb (43,93,74) #2B5D4A #254F3F rgb (37,79,63) #254F3F #1F4336 rgb (31,67,54) #1F4336 #1A392E rgb (26,57,46) #1A392E #163027 rgb (22,48,39) #163027 #132921 rgb (19,41,33) #132921 #10231C rgb (16,35,28) #10231C #0E1E18 rgb (14,30,24) #0E1E18 #0C1A14 rgb (12,26,20) #0C1A14 #0A1611 rgb (10,22,17) #0A1611

Tony #336D57

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

#3B6F5B rgb (59,111,91) #3B6F5B #42715F rgb (66,113,95) #42715F #487362 rgb (72,115,98) #487362 #4E7465 rgb (78,116,101) #4E7465 #537568 rgb (83,117,104) #537568 #58766A rgb (88,118,106) #58766A #5C776C rgb (92,119,108) #5C776C #60786E rgb (96,120,110) #60786E #637970 rgb (99,121,112) #637970 #667A72 rgb (102,122,114) #667A72

Alternatywy dla #336D57

---

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

#333157 rgb (51,49,87) #333157 #334557 rgb (51,69,87) #334557 #335957 rgb (51,89,87) #335957 #338157 rgb (51,129,87) #338157 #339557 rgb (51,149,87) #339557 #33A957 rgb (51,169,87) #33A957

Szybkie użycie #336D57

---

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

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

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

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

Schematy kolorów z #336D57

---

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: 53% ma nasycenie #336D57. Dodanie 53% + 10% = 63% nasycenia dla naszego nowego koloru #1A4736. Zmniejszenie 53% - 10% = nasycenie 43% dla innego koloru monochromatycznego #54947C. #54947c rgb (84,148,124) #54947c 43% nasycenie #542e28 rgb (31,46,40) #542e28 33% nasycenie #1a4736 rgb (26,71,54) #1a4736 63% nasycenie #0c2e21 rgb (12,46,33) #0c2e21 73% 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 #34676E rgb (52,103,110) #34676E 187o #336D57 rgb (51,109,87) #336D57 157o #346E3A rgb (52,110,58) #346E3A 127o

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: #336D57 ma kąt 157o. Dodanie 157o + 180o = 337oo dla naszego nowego koloru uzupełniającego #6E344A. #336D57 rgb (51,109,87) #336D57 157o #6E344A rgb (110,52,74) #6E344A 337o

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: #336D57 ma kąt 157o. Dodanie 157o + 180o+30o = 7o dla naszego pierwszego koloru uzupełniającego #6E3A34. Zmniejszenie 157o + 180o-30o = 307o dla drugiego koloru uzupełniającego #6E3467. #6E3467 rgb (110,52,103) #6E3467 307o #336D57 rgb (51,109,87) #336D57 157o #6E3A34 rgb (110,58,52) #6E3A34 7o

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. #57346E rgb (87,52,110) #57346E 277o #336D57 rgb (51,109,87) #336D57 157o #6E5734 rgb (110,87,52) #6E5734 37o

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. #57346E rgb (87,52,110) #57346E 277o #336D57 rgb (51,109,87) #336D57 157o #6E344A rgb (110,52,74) #6E344A 337o #4A6E34 rgb (74,110,52) #4A6E34 97o