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

#505057

W przestrzeni kolorów RGB hex #505057 składa się z 31% red, 31% green i 34% blue. Kod koloru RGB składa się z szesnastkowego 50 red (80/255), 50 green (80/255) i 57 blue (87/255). Dziesiętny kod koloru RGB to rgb(80,80,87) W przestrzeni kolorów CMYK składa się z 8% cyan, 8% magenta, 0% yellow i 66% black. Ma kąt barwy 240o stopni, nasycenie 4% i lekkość 33%. Najbliższy bezpieczny kolor to: #666666 rgb (102, 102, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #505057 ma wartości RGB R:80, G:80, B:87 i wartości CMYK C:8, M:8, Y:0, K:66. Jego wartość dziesiętna to 5263447. Kod binarny to 10100000101000001010111
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 505057  #505057 RGB dziesiętny 80, 80, 87  rgb(80, 80, 87) RGB % 31, 31, 34  rgb(31%, 31%, 34%) RGB Adobe 81, 81, 87 CMYK % 8, 8, 0, 66  8%, 8%, 0%, 66% HSL 240o, 4, 33  hsl(240o, 4%, 33%) HSV (HSB) 240o, 8%, 34%  hsv(240o, 8%, 34%)

Web Safe kolor #666666 rgb (102, 102, 102) XYZ 7.897, 8.131 10.17 xyY 0.3, 0.31, 8.13 Hunter-Lab 28.51, 1.07, -2.84 CMY 69%, 69%, 66% Lab 34.22, 1.17, -4.12 Binarna kolor 50 50 57 1010000 1010000 1010111

Odcienie i odcienie #505057

---

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

Zmiana koloru odcienia #505057

#6A6A70 rgb (106,106,112) #6A6A70 #808085 rgb (128,128,133) #808085 #939397 rgb (147,147,151) #939397 #A3A3A7 rgb (163,163,167) #A3A3A7 #B1B1B4 rgb (177,177,180) #B1B1B4 #BDBDBF rgb (189,189,191) #BDBDBF #C7C7C9 rgb (199,199,201) #C7C7C9 #CFCFD1 rgb (207,207,209) #CFCFD1 #D6D6D8 rgb (214,214,216) #D6D6D8 #DCDCDE rgb (220,220,222) #DCDCDE

Zmienność koloru odcienia

#44444A rgb (68,68,74) #44444A #3A3A3F rgb (58,58,63) #3A3A3F #313136 rgb (49,49,54) #313136 #2A2A2E rgb (42,42,46) #2A2A2E #242427 rgb (36,36,39) #242427 #1F1F21 rgb (31,31,33) #1F1F21 #1A1A1C rgb (26,26,28) #1A1A1C #161618 rgb (22,22,24) #161618 #131314 rgb (19,19,20) #131314 #101011 rgb (16,16,17) #101011

Tony #505057

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

#55555B rgb (85,85,91) #55555B #59595F rgb (89,89,95) #59595F #5D5D62 rgb (93,93,98) #5D5D62 #616165 rgb (97,97,101) #616165 #646468 rgb (100,100,104) #646468 #67676A rgb (103,103,106) #67676A #6A6A6C rgb (106,106,108) #6A6A6C #6C6C6E rgb (108,108,110) #6C6C6E #6E6E70 rgb (110,110,112) #6E6E70 #707072 rgb (112,112,114) #707072

Alternatywy dla #505057

---

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

#501457 rgb (80,20,87) #501457 #502857 rgb (80,40,87) #502857 #503C57 rgb (80,60,87) #503C57 #506457 rgb (80,100,87) #506457 #507857 rgb (80,120,87) #507857 #508C57 rgb (80,140,87) #508C57

Szybkie użycie #505057

---

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

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

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

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

Schematy kolorów z #505057

---

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: 8% ma nasycenie #505057. Dodanie 8% + 10% = 18% nasycenia dla naszego nowego koloru #282830. Zmniejszenie 8% - 10% = nasycenie 0% dla innego koloru monochromatycznego #7D7D7D. #7d7d7d rgb (125,125,125) #7d7d7d 0% nasycenie #7d1717 rgb (23,23,23) #7d1717 0% nasycenie #282830 rgb (40,40,48) #282830 18% nasycenie #111117 rgb (17,17,23) #111117 28% 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 #535057 rgb (83,80,87) #535057 270o #505057 rgb (80,80,87) #505057 240o #505357 rgb (80,83,87) #505357 210o

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: #505057 ma kąt 240o. Dodanie 240o + 180o = 60oo dla naszego nowego koloru uzupełniającego #575750. #505057 rgb (80,80,87) #505057 240o #575750 rgb (87,87,80) #575750 60o

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: #505057 ma kąt 240o. Dodanie 240o + 180o+30o = 90o dla naszego pierwszego koloru uzupełniającego #535750. Zmniejszenie 240o + 180o-30o = 30o dla drugiego koloru uzupełniającego #575350. #575350 rgb (87,83,80) #575350 30o #505057 rgb (80,80,87) #505057 240o #535750 rgb (83,87,80) #535750 90o

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. #575050 rgb (87,80,80) #575050 360o #505057 rgb (80,80,87) #505057 240o #505750 rgb (80,87,80) #505750 120o

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. #575050 rgb (87,80,80) #575050 360o #505057 rgb (80,80,87) #505057 240o #575750 rgb (87,87,80) #575750 60o #505757 rgb (80,87,87) #505757 180o