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

#2D6357

W przestrzeni kolorów RGB hex #2D6357 składa się z 18% red, 39% green i 34% blue. Kod koloru RGB składa się z szesnastkowego 2D red (45/255), 63 green (99/255) i 57 blue (87/255). Dziesiętny kod koloru RGB to rgb(45,99,87) W przestrzeni kolorów CMYK składa się z 55% cyan, 0% magenta, 12% yellow i 61% black. Ma kąt barwy 166.67o stopni, nasycenie 38% i lekkość 28%. Najbliższy bezpieczny kolor to: #336666 rgb (51, 102, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #2D6357 ma wartości RGB R:45, G:99, B:87 i wartości CMYK C:55, M:0, Y:12, K:61. Jego wartość dziesiętna to 2974551. Kod binarny to 1011010110001101010111
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 2D6357  #2D6357 RGB dziesiętny 45, 99, 87  rgb(45, 99, 87) RGB % 18, 39, 34  rgb(18%, 39%, 34%) RGB Adobe 68, 99, 88 CMYK % 55, 0, 12, 61  55%, 0%, 12%, 61% HSL 166.67o, 38, 28  hsl(166.67o, 38%, 28%) HSV (HSB) 167o, 55%, 39%  hsv(167o, 55%, 39%)

Web Safe kolor #336666 rgb (51, 102, 102) XYZ 7.264, 10.17 10.597 xyY 0.26, 0.36, 10.17 Hunter-Lab 31.89, -13.66, 0.92 CMY 82%, 61%, 66% Lab 38.03, -21.26, 1.07 Binarna kolor 2D 63 57 101101 1100011 1010111

Odcienie i odcienie #2D6357

---

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: #091311 to najciemniejszy kolor, a: #D6E0DE to najjaśniejszy kolor.

Zmiana koloru odcienia #2D6357

#4D7A70 rgb (77,122,112) #4D7A70 #688E85 rgb (104,142,133) #688E85 #7F9F97 rgb (127,159,151) #7F9F97 #92ADA7 rgb (146,173,167) #92ADA7 #A2B9B4 rgb (162,185,180) #A2B9B4 #B0C4BF rgb (176,196,191) #B0C4BF #BCCDC9 rgb (188,205,201) #BCCDC9 #C6D5D1 rgb (198,213,209) #C6D5D1 #CFDBD8 rgb (207,219,216) #CFDBD8 #D6E0DE rgb (214,224,222) #D6E0DE

Zmienność koloru odcienia

#26544A rgb (38,84,74) #26544A #20473F rgb (32,71,63) #20473F #1B3C36 rgb (27,60,54) #1B3C36 #17332E rgb (23,51,46) #17332E #142B27 rgb (20,43,39) #142B27 #112521 rgb (17,37,33) #112521 #0E1F1C rgb (14,31,28) #0E1F1C #0C1A18 rgb (12,26,24) #0C1A18 #0A1614 rgb (10,22,20) #0A1614 #091311 rgb (9,19,17) #091311

Tony #2D6357

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

#35665B rgb (53,102,91) #35665B #3D695F rgb (61,105,95) #3D695F #446B62 rgb (68,107,98) #446B62 #4A6D65 rgb (74,109,101) #4A6D65 #4F6F68 rgb (79,111,104) #4F6F68 #54716A rgb (84,113,106) #54716A #58736C rgb (88,115,108) #58736C #5C746E rgb (92,116,110) #5C746E #607570 rgb (96,117,112) #607570 #637672 rgb (99,118,114) #637672

Alternatywy dla #2D6357

---

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

#2D2757 rgb (45,39,87) #2D2757 #2D3B57 rgb (45,59,87) #2D3B57 #2D4F57 rgb (45,79,87) #2D4F57 #2D7757 rgb (45,119,87) #2D7757 #2D8B57 rgb (45,139,87) #2D8B57 #2D9F57 rgb (45,159,87) #2D9F57

Szybkie użycie #2D6357

---

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

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

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

Wstępnie sformatowany kod 2D6357	kod dla script / programming
HTML, CSS:	= #2D6357; rgb(45, 99, 87)
Java:	= new Color(45, 99, 87)
.NET:	= Color.FromArgb (45, 99, 87);
Xojo:	= rgb (45, 99, 87, 0);
openGL:	= glColor3f (0.18f, 0.39f, 0.34f);
Swift:	= UIColor(red:0.18, green:0.39, blue:0.34, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.18 green:0.39 blue:0.34 alpha:1.00000];

Schematy kolorów z #2D6357

---

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: 55% ma nasycenie #2D6357. Dodanie 55% + 10% = 65% nasycenia dla naszego nowego koloru #153D35. Zmniejszenie 55% - 10% = nasycenie 45% dla innego koloru monochromatycznego #4C8A7C. #4c8a7c rgb (76,138,124) #4c8a7c 45% nasycenie #4c2421 rgb (23,36,33) #4c2421 35% nasycenie #153d35 rgb (21,61,53) #153d35 65% nasycenie #09241e rgb (9,36,30) #09241e 75% 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 #2D5463 rgb (45,84,99) #2D5463 197o #2D6357 rgb (45,99,87) #2D6357 167o #2D633C rgb (45,99,60) #2D633C 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: #2D6357 ma kąt 167o. Dodanie 167o + 180o = 347oo dla naszego nowego koloru uzupełniającego #632D39. #2D6357 rgb (45,99,87) #2D6357 167o #632D39 rgb (99,45,57) #632D39 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: #2D6357 ma kąt 167o. Dodanie 167o + 180o+30o = 17o dla naszego pierwszego koloru uzupełniającego #633C2D. Zmniejszenie 167o + 180o-30o = 317o dla drugiego koloru uzupełniającego #632D54. #632D54 rgb (99,45,84) #632D54 317o #2D6357 rgb (45,99,87) #2D6357 167o #633C2D rgb (99,60,45) #633C2D 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. #582D63 rgb (88,45,99) #582D63 287o #2D6357 rgb (45,99,87) #2D6357 167o #63582D rgb (99,88,45) #63582D 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. #582D63 rgb (88,45,99) #582D63 287o #2D6357 rgb (45,99,87) #2D6357 167o #632D39 rgb (99,45,57) #632D39 347o #39632D rgb (57,99,45) #39632D 107o