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

#336D60

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

Konwersja kolorów

---

Przelicz kolor

---

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

Hex kolor 336D60  #336D60 RGB dziesiętny 51, 109, 96  rgb(51, 109, 96) RGB % 20, 43, 38  rgb(20%, 43%, 38%) RGB Adobe 75, 109, 97 CMYK % 53, 0, 12, 57  53%, 0%, 12%, 57% HSL 166.55o, 36, 31  hsl(166.55o, 36%, 31%) HSV (HSB) 167o, 53%, 43%  hsv(167o, 53%, 43%)

Web Safe kolor #336666 rgb (51, 102, 102) XYZ 8.945, 12.486 13.005 xyY 0.26, 0.36, 12.49 Hunter-Lab 35.34, -15, 1.03 CMY 80%, 57%, 62% Lab 41.86, -22.53, 1.17 Binarna kolor 33 6D 60 110011 1101101 1100000

Odcienie i odcienie #336D60

---

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

Zmiana koloru odcienia #336D60

#528378 rgb (82,131,120) #528378 #6C968C rgb (108,150,140) #6C968C #82A69D rgb (130,166,157) #82A69D #95B3AC rgb (149,179,172) #95B3AC #A5BEB8 rgb (165,190,184) #A5BEB8 #B3C8C3 rgb (179,200,195) #B3C8C3 #BED0CC rgb (190,208,204) #BED0CC #C8D7D4 rgb (200,215,212) #C8D7D4 #D0DDDA rgb (208,221,218) #D0DDDA #D7E2E0 rgb (215,226,224) #D7E2E0

Zmienność koloru odcienia

#2B5D52 rgb (43,93,82) #2B5D52 #254F46 rgb (37,79,70) #254F46 #1F433C rgb (31,67,60) #1F433C #1A3933 rgb (26,57,51) #1A3933 #16302B rgb (22,48,43) #16302B #132925 rgb (19,41,37) #132925 #10231F rgb (16,35,31) #10231F #0E1E1A rgb (14,30,26) #0E1E1A #0C1A16 rgb (12,26,22) #0C1A16 #0A1613 rgb (10,22,19) #0A1613

Tony #336D60

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

#3B6F63 rgb (59,111,99) #3B6F63 #427166 rgb (66,113,102) #427166 #487369 rgb (72,115,105) #487369 #4E746B rgb (78,116,107) #4E746B #53756D rgb (83,117,109) #53756D #58766F rgb (88,118,111) #58766F #5C7771 rgb (92,119,113) #5C7771 #607873 rgb (96,120,115) #607873 #637974 rgb (99,121,116) #637974 #667A75 rgb (102,122,117) #667A75

Alternatywy dla #336D60

---

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

#333160 rgb (51,49,96) #333160 #334560 rgb (51,69,96) #334560 #335960 rgb (51,89,96) #335960 #338160 rgb (51,129,96) #338160 #339560 rgb (51,149,96) #339560 #33A960 rgb (51,169,96) #33A960

Szybkie użycie #336D60

---

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

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

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

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

Schematy kolorów z #336D60

---

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 #336D60. Dodanie 53% + 10% = 63% nasycenia dla naszego nowego koloru #1A473E. Zmniejszenie 53% - 10% = nasycenie 43% dla innego koloru monochromatycznego #549486. #549486 rgb (84,148,134) #549486 43% nasycenie #542e2b rgb (31,46,43) #542e2b 33% nasycenie #1a473e rgb (26,71,62) #1a473e 63% nasycenie #0c2e27 rgb (12,46,39) #0c2e27 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 #345D6E rgb (52,93,110) #345D6E 197o #336D60 rgb (51,109,96) #336D60 167o #346E44 rgb (52,110,68) #346E44 137o

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: #336D60 ma kąt 167o. Dodanie 167o + 180o = 347oo dla naszego nowego koloru uzupełniającego #6E3440. #336D60 rgb (51,109,96) #336D60 167o #6E3440 rgb (110,52,64) #6E3440 347o

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: #336D60 ma kąt 167o. Dodanie 167o + 180o+30o = 17o dla naszego pierwszego koloru uzupełniającego #6E4434. Zmniejszenie 167o + 180o-30o = 317o dla drugiego koloru uzupełniającego #6E345D. #6E345D rgb (110,52,93) #6E345D 317o #336D60 rgb (51,109,96) #336D60 167o #6E4434 rgb (110,68,52) #6E4434 17o

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. #61346E rgb (97,52,110) #61346E 287o #336D60 rgb (51,109,96) #336D60 167o #6E6134 rgb (110,97,52) #6E6134 47o

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. #61346E rgb (97,52,110) #61346E 287o #336D60 rgb (51,109,96) #336D60 167o #6E3440 rgb (110,52,64) #6E3440 347o #406E34 rgb (64,110,52) #406E34 107o