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

#5057B1

W przestrzeni kolorów RGB hex #5057B1 składa się z 31% red, 34% green i 69% blue. Kod koloru RGB składa się z szesnastkowego 50 red (80/255), 57 green (87/255) i B1 blue (177/255). Dziesiętny kod koloru RGB to rgb(80,87,177) W przestrzeni kolorów CMYK składa się z 55% cyan, 51% magenta, 0% yellow i 31% black. Ma kąt barwy 235.67o stopni, nasycenie 38% i lekkość 50%. Najbliższy bezpieczny kolor to: #666699 rgb (102, 102, 153).

Konwersja kolorów

---

Przelicz kolor

---

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

Hex kolor 5057B1  #5057B1 RGB dziesiętny 80, 87, 177  rgb(80, 87, 177) RGB % 31, 34, 69  rgb(31%, 34%, 69%) RGB Adobe 83, 88, 173 CMYK % 55, 51, 0, 31  55%, 51%, 0%, 31% HSL 235.67o, 38, 50  hsl(235.67o, 38%, 50%) HSV (HSB) 236o, 55%, 69%  hsv(236o, 55%, 69%)

Web Safe kolor #666699 rgb (102, 102, 153) XYZ 14.652, 11.696 43.08 xyY 0.21, 0.17, 11.7 Hunter-Lab 34.2, 18.75, -54.63 CMY 69%, 66%, 31% Lab 40.05, 17.76, -49.86 Binarna kolor 50 57 B1 1010000 1010111 10110001

Odcienie i odcienie #5057B1

---

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

Zmiana koloru odcienia #5057B1

#6A70BD rgb (106,112,189) #6A70BD #8085C7 rgb (128,133,199) #8085C7 #9397CF rgb (147,151,207) #9397CF #A3A7D6 rgb (163,167,214) #A3A7D6 #B1B4DC rgb (177,180,220) #B1B4DC #BDBFE1 rgb (189,191,225) #BDBFE1 #C7C9E6 rgb (199,201,230) #C7C9E6 #CFD1EA rgb (207,209,234) #CFD1EA #D6D8ED rgb (214,216,237) #D6D8ED #DCDEF0 rgb (220,222,240) #DCDEF0

Zmienność koloru odcienia

#444A96 rgb (68,74,150) #444A96 #3A3F80 rgb (58,63,128) #3A3F80 #31366D rgb (49,54,109) #31366D #2A2E5D rgb (42,46,93) #2A2E5D #24274F rgb (36,39,79) #24274F #1F2143 rgb (31,33,67) #1F2143 #1A1C39 rgb (26,28,57) #1A1C39 #161830 rgb (22,24,48) #161830 #131429 rgb (19,20,41) #131429 #101123 rgb (16,17,35) #101123

Tony #5057B1

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

#555BAC rgb (85,91,172) #555BAC #595FA8 rgb (89,95,168) #595FA8 #5D62A4 rgb (93,98,164) #5D62A4 #6165A0 rgb (97,101,160) #6165A0 #64689D rgb (100,104,157) #64689D #676A9A rgb (103,106,154) #676A9A #6A6C97 rgb (106,108,151) #6A6C97 #6C6E95 rgb (108,110,149) #6C6E95 #6E7093 rgb (110,112,147) #6E7093 #707291 rgb (112,114,145) #707291

Alternatywy dla #5057B1

---

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

#501BB1 rgb (80,27,177) #501BB1 #502FB1 rgb (80,47,177) #502FB1 #5043B1 rgb (80,67,177) #5043B1 #506BB1 rgb (80,107,177) #506BB1 #507FB1 rgb (80,127,177) #507FB1 #5093B1 rgb (80,147,177) #5093B1

Szybkie użycie #5057B1

---

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

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

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

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

Schematy kolorów z #5057B1

---

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 #5057B1. Dodanie 55% + 10% = 65% nasycenia dla naszego nowego koloru #30368A. Zmniejszenie 55% - 10% = nasycenie 45% dla innego koloru monochromatycznego #767CD6. #767cd6 rgb (118,124,214) #767cd6 45% nasycenie #764c70 rgb (73,76,112) #764c70 35% nasycenie #30368a rgb (48,54,138) #30368a 65% nasycenie #1c2270 rgb (28,34,112) #1c2270 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 #794FB0 rgb (121,79,176) #794FB0 266o #5057B1 rgb (80,87,177) #5057B1 236o #4F86B0 rgb (79,134,176) #4F86B0 206o

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: #5057B1 ma kąt 236o. Dodanie 236o + 180o = 56oo dla naszego nowego koloru uzupełniającego #B0A94F. #5057B1 rgb (80,87,177) #5057B1 236o #B0A94F rgb (176,169,79) #B0A94F 56o

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: #5057B1 ma kąt 236o. Dodanie 236o + 180o+30o = 86o dla naszego pierwszego koloru uzupełniającego #86B04F. Zmniejszenie 236o + 180o-30o = 26o dla drugiego koloru uzupełniającego #B0794F. #B0794F rgb (176,121,79) #B0794F 26o #5057B1 rgb (80,87,177) #5057B1 236o #86B04F rgb (134,176,79) #86B04F 86o

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. #B04F56 rgb (176,79,86) #B04F56 356o #5057B1 rgb (80,87,177) #5057B1 236o #56B04F rgb (86,176,79) #56B04F 116o

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. #B04F56 rgb (176,79,86) #B04F56 356o #5057B1 rgb (80,87,177) #5057B1 236o #B0A94F rgb (176,169,79) #B0A94F 56o #4FB0A9 rgb (79,176,169) #4FB0A9 176o