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

#557C2E

W przestrzeni kolorów RGB hex #557C2E składa się z 33% red, 49% green i 18% blue. Kod koloru RGB składa się z szesnastkowego 55 red (85/255), 7C green (124/255) i 2E blue (46/255). Dziesiętny kod koloru RGB to rgb(85,124,46) W przestrzeni kolorów CMYK składa się z 31% cyan, 0% magenta, 63% yellow i 51% black. Ma kąt barwy 90o stopni, nasycenie 46% i lekkość 33%. Najbliższy bezpieczny kolor to: #666633 rgb (102, 102, 51).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #557C2E ma wartości RGB R:85, G:124, B:46 i wartości CMYK C:31, M:0, Y:63, K:51. Jego wartość dziesiętna to 5602350. Kod binarny to 10101010111110000101110
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 557C2E  #557C2E RGB dziesiętny 85, 124, 46  rgb(85, 124, 46) RGB % 33, 49, 18  rgb(33%, 49%, 18%) RGB Adobe 98, 123, 55 CMYK % 31, 0, 63, 51  31%, 0%, 63%, 51% HSL 90o, 46, 33  hsl(90o, 46%, 33%) HSV (HSB) 90o, 63%, 49%  hsv(90o, 63%, 49%)

Web Safe kolor #666633 rgb (102, 102, 51) XYZ 11.447, 16.544 5.175 xyY 0.35, 0.5, 16.54 Hunter-Lab 40.67, -19.07, 19.43 CMY 67%, 51%, 82% Lab 47.8, -24.57, 36.86 Binarna kolor 55 7C 2E 1010101 1111100 101110

Odcienie i odcienie #557C2E

---

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

Zmiana koloru odcienia #557C2E

#6F904D rgb (111,144,77) #6F904D #85A168 rgb (133,161,104) #85A168 #97AF7F rgb (151,175,127) #97AF7F #A7BB92 rgb (167,187,146) #A7BB92 #B4C5A2 rgb (180,197,162) #B4C5A2 #BFCEB0 rgb (191,206,176) #BFCEB0 #C9D5BC rgb (201,213,188) #C9D5BC #D1DBC6 rgb (209,219,198) #D1DBC6 #D8E0CF rgb (216,224,207) #D8E0CF #DEE5D6 rgb (222,229,214) #DEE5D6

Zmienność koloru odcienia

#486927 rgb (72,105,39) #486927 #3D5921 rgb (61,89,33) #3D5921 #344C1C rgb (52,76,28) #344C1C #2C4118 rgb (44,65,24) #2C4118 #253714 rgb (37,55,20) #253714 #1F2F11 rgb (31,47,17) #1F2F11 #1A280E rgb (26,40,14) #1A280E #16220C rgb (22,34,12) #16220C #131D0A rgb (19,29,10) #131D0A #101909 rgb (16,25,9) #101909

Tony #557C2E

Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #597C36 jest mniej nasyconym kolorem, a #727C63 jest najbardziej nasyconym.

#597C36 rgb (89,124,54) #597C36 #5D7C3D rgb (93,124,61) #5D7C3D #617C44 rgb (97,124,68) #617C44 #647C4A rgb (100,124,74) #647C4A #677C4F rgb (103,124,79) #677C4F #6A7C54 rgb (106,124,84) #6A7C54 #6C7C58 rgb (108,124,88) #6C7C58 #6E7C5C rgb (110,124,92) #6E7C5C #707C60 rgb (112,124,96) #707C60 #727C63 rgb (114,124,99) #727C63

Alternatywy dla #557C2E

---

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

#55402E rgb (85,64,46) #55402E #55542E rgb (85,84,46) #55542E #55682E rgb (85,104,46) #55682E #55902E rgb (85,144,46) #55902E #55A42E rgb (85,164,46) #55A42E #55B82E rgb (85,184,46) #55B82E

Szybkie użycie #557C2E

---

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

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

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

Wstępnie sformatowany kod 557C2E	kod dla script / programming
HTML, CSS:	= #557C2E; rgb(85, 124, 46)
Java:	= new Color(85, 124, 46)
.NET:	= Color.FromArgb (85, 124, 46);
Xojo:	= rgb (85, 124, 46, 0);
openGL:	= glColor3f (0.33f, 0.49f, 0.18f);
Swift:	= UIColor(red:0.33, green:0.49, blue:0.18, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.49 blue:0.18 alpha:1.00000];

Schematy kolorów z #557C2E

---

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: 63% ma nasycenie #557C2E. Dodanie 63% + 10% = 73% nasycenia dla naszego nowego koloru #375717. Zmniejszenie 63% - 10% = nasycenie 53% dla innego koloru monochromatycznego #78A34D. #78a34d rgb (120,163,77) #78a34d 53% nasycenie #783d23 rgb (48,61,35) #783d23 43% nasycenie #375717 rgb (55,87,23) #375717 73% nasycenie #243d0a rgb (36,61,10) #243d0a 83% 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 #2E7D2E rgb (46,125,46) #2E7D2E 120o #557C2E rgb (85,124,46) #557C2E 90o #7D7D2E rgb (125,125,46) #7D7D2E 60o

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: #557C2E ma kąt 90o. Dodanie 90o + 180o = 270oo dla naszego nowego koloru uzupełniającego #562E7D. #557C2E rgb (85,124,46) #557C2E 90o #562E7D rgb (86,46,125) #562E7D 270o

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: #557C2E ma kąt 90o. Dodanie 90o + 180o+30o = 300o dla naszego pierwszego koloru uzupełniającego #7D2E7D. Zmniejszenie 90o + 180o-30o = 240o dla drugiego koloru uzupełniającego #2E2E7D. #2E2E7D rgb (46,46,125) #2E2E7D 240o #557C2E rgb (85,124,46) #557C2E 90o #7D2E7D rgb (125,46,125) #7D2E7D 300o

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. #2E567D rgb (46,86,125) #2E567D 210o #557C2E rgb (85,124,46) #557C2E 90o #7D2E56 rgb (125,46,86) #7D2E56 330o

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. #2E567D rgb (46,86,125) #2E567D 210o #557C2E rgb (85,124,46) #557C2E 90o #562E7D rgb (86,46,125) #562E7D 270o #7D562E rgb (125,86,46) #7D562E 30o