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

#556B57

W przestrzeni kolorów RGB hex #556B57 składa się z 33% red, 42% green i 34% blue. Kod koloru RGB składa się z szesnastkowego 55 red (85/255), 6B green (107/255) i 57 blue (87/255). Dziesiętny kod koloru RGB to rgb(85,107,87) W przestrzeni kolorów CMYK składa się z 21% cyan, 0% magenta, 19% yellow i 58% black. Ma kąt barwy 125.45o stopni, nasycenie 11% i lekkość 38%. Najbliższy bezpieczny kolor to: #666666 rgb (102, 102, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #556B57 ma wartości RGB R:85, G:107, B:87 i wartości CMYK C:21, M:0, Y:19, K:58. Jego wartość dziesiętna to 5598039. Kod binarny to 10101010110101101010111
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 556B57  #556B57 RGB dziesiętny 85, 107, 87  rgb(85, 107, 87) RGB % 33, 42, 34  rgb(33%, 42%, 34%) RGB Adobe 92, 107, 88 CMYK % 21, 0, 19, 58  21%, 0%, 19%, 58% HSL 125.45o, 11, 38  hsl(125.45o, 11%, 38%) HSV (HSB) 125o, 21%, 42%  hsv(125o, 21%, 42%)

Web Safe kolor #666666 rgb (102, 102, 102) XYZ 10.724, 13.135 10.987 xyY 0.31, 0.38, 13.14 Hunter-Lab 36.24, -8.81, 5.63 CMY 67%, 58%, 66% Lab 42.97, -11.79, 8.44 Binarna kolor 55 6B 57 1010101 1101011 1010111

Odcienie i odcienie #556B57

---

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

Zmiana koloru odcienia #556B57

#6F8170 rgb (111,129,112) #6F8170 #859485 rgb (133,148,133) #859485 #97A497 rgb (151,164,151) #97A497 #A7B2A7 rgb (167,178,167) #A7B2A7 #B4BEB4 rgb (180,190,180) #B4BEB4 #BFC8BF rgb (191,200,191) #BFC8BF #C9D0C9 rgb (201,208,201) #C9D0C9 #D1D7D1 rgb (209,215,209) #D1D7D1 #D8DDD8 rgb (216,221,216) #D8DDD8 #DEE2DE rgb (222,226,222) #DEE2DE

Zmienność koloru odcienia

#485B4A rgb (72,91,74) #485B4A #3D4D3F rgb (61,77,63) #3D4D3F #344136 rgb (52,65,54) #344136 #2C372E rgb (44,55,46) #2C372E #252F27 rgb (37,47,39) #252F27 #1F2821 rgb (31,40,33) #1F2821 #1A221C rgb (26,34,28) #1A221C #161D18 rgb (22,29,24) #161D18 #131914 rgb (19,25,20) #131914 #101511 rgb (16,21,17) #101511

Tony #556B57

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

#596D5B rgb (89,109,91) #596D5B #5D6F5F rgb (93,111,95) #5D6F5F #617162 rgb (97,113,98) #617162 #647365 rgb (100,115,101) #647365 #677468 rgb (103,116,104) #677468 #6A756A rgb (106,117,106) #6A756A #6C766C rgb (108,118,108) #6C766C #6E776E rgb (110,119,110) #6E776E #707870 rgb (112,120,112) #707870 #727972 rgb (114,121,114) #727972

Alternatywy dla #556B57

---

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

#552F57 rgb (85,47,87) #552F57 #554357 rgb (85,67,87) #554357 #555757 rgb (85,87,87) #555757 #557F57 rgb (85,127,87) #557F57 #559357 rgb (85,147,87) #559357 #55A757 rgb (85,167,87) #55A757

Szybkie użycie #556B57

---

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

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

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

Wstępnie sformatowany kod 556B57	kod dla script / programming
HTML, CSS:	= #556B57; rgb(85, 107, 87)
Java:	= new Color(85, 107, 87)
.NET:	= Color.FromArgb (85, 107, 87);
Xojo:	= rgb (85, 107, 87, 0);
openGL:	= glColor3f (0.33f, 0.42f, 0.34f);
Swift:	= UIColor(red:0.33, green:0.42, blue:0.34, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.42 blue:0.34 alpha:1.00000];

Schematy kolorów z #556B57

---

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: 21% ma nasycenie #556B57. Dodanie 21% + 10% = 31% nasycenia dla naszego nowego koloru #304531. Zmniejszenie 21% - 10% = nasycenie 11% dla innego koloru monochromatycznego #819183. #819183 rgb (129,145,131) #819183 11% nasycenie #812b2b rgb (43,43,43) #812b2b 1% nasycenie #304531 rgb (48,69,49) #304531 31% nasycenie #1a2b1b rgb (26,43,27) #1a2b1b 41% 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 #556B62 rgb (85,107,98) #556B62 155o #556B57 rgb (85,107,87) #556B57 125o #5E6B55 rgb (94,107,85) #5E6B55 95o

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: #556B57 ma kąt 125o. Dodanie 125o + 180o = 305oo dla naszego nowego koloru uzupełniającego #6B5569. #556B57 rgb (85,107,87) #556B57 125o #6B5569 rgb (107,85,105) #6B5569 305o

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: #556B57 ma kąt 125o. Dodanie 125o + 180o+30o = 335o dla naszego pierwszego koloru uzupełniającego #6B555E. Zmniejszenie 125o + 180o-30o = 275o dla drugiego koloru uzupełniającego #62556B. #62556B rgb (98,85,107) #62556B 275o #556B57 rgb (85,107,87) #556B57 125o #6B555E rgb (107,85,94) #6B555E 335o

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. #56556B rgb (86,85,107) #56556B 245o #556B57 rgb (85,107,87) #556B57 125o #6B5655 rgb (107,86,85) #6B5655 5o

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. #56556B rgb (86,85,107) #56556B 245o #556B57 rgb (85,107,87) #556B57 125o #6B5569 rgb (107,85,105) #6B5569 305o #696B55 rgb (105,107,85) #696B55 65o