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

#505ACC

W przestrzeni kolorów RGB hex #505ACC składa się z 31% red, 35% green i 80% blue. Kod koloru RGB składa się z szesnastkowego 50 red (80/255), 5A green (90/255) i CC blue (204/255). Dziesiętny kod koloru RGB to rgb(80,90,204) W przestrzeni kolorów CMYK składa się z 61% cyan, 56% magenta, 0% yellow i 20% black. Ma kąt barwy 235.16o stopni, nasycenie 55% i lekkość 56%. Najbliższy bezpieczny kolor to: #6666cc rgb (102, 102, 204).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #505ACC ma wartości RGB R:80, G:90, B:204 i wartości CMYK C:61, M:56, Y:0, K:20. Jego wartość dziesiętna to 5266124. Kod binarny to 10100000101101011001100
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 505ACC  #505ACC RGB dziesiętny 80, 90, 204  rgb(80, 90, 204) RGB % 31, 35, 80  rgb(31%, 35%, 80%) RGB Adobe 84, 90, 200 CMYK % 61, 56, 0, 20  61%, 56%, 0%, 20% HSL 235.16o, 55, 56  hsl(235.16o, 55%, 56%) HSV (HSB) 235o, 61%, 80%  hsv(235o, 61%, 80%)

Web Safe kolor #6666cc rgb (102, 102, 204) XYZ 17.864, 13.377 58.767 xyY 0.2, 0.15, 13.38 Hunter-Lab 36.57, 25.53, -74.41 CMY 69%, 65%, 20% Lab 42.42, 23.37, -61.73 Binarna kolor 50 5A CC 1010000 1011010 11001100

Odcienie i odcienie #505ACC

---

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

Zmiana koloru odcienia #505ACC

#6A73D4 rgb (106,115,212) #6A73D4 #8088DA rgb (128,136,218) #8088DA #939AE0 rgb (147,154,224) #939AE0 #A3A9E5 rgb (163,169,229) #A3A9E5 #B1B6E9 rgb (177,182,233) #B1B6E9 #BDC1EC rgb (189,193,236) #BDC1EC #C7CAEF rgb (199,202,239) #C7CAEF #CFD2F1 rgb (207,210,241) #CFD2F1 #D6D9F3 rgb (214,217,243) #D6D9F3 #DCDFF5 rgb (220,223,245) #DCDFF5

Zmienność koloru odcienia

#444DAD rgb (68,77,173) #444DAD #3A4193 rgb (58,65,147) #3A4193 #31377D rgb (49,55,125) #31377D #2A2F6A rgb (42,47,106) #2A2F6A #24285A rgb (36,40,90) #24285A #1F224D rgb (31,34,77) #1F224D #1A1D41 rgb (26,29,65) #1A1D41 #161937 rgb (22,25,55) #161937 #13152F rgb (19,21,47) #13152F #101228 rgb (16,18,40) #101228

Tony #505ACC

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

#555EC4 rgb (85,94,196) #555EC4 #5961BD rgb (89,97,189) #5961BD #5D64B7 rgb (93,100,183) #5D64B7 #6167B2 rgb (97,103,178) #6167B2 #646AAD rgb (100,106,173) #646AAD #676CA9 rgb (103,108,169) #676CA9 #6A6EA5 rgb (106,110,165) #6A6EA5 #6C70A1 rgb (108,112,161) #6C70A1 #6E729E rgb (110,114,158) #6E729E #70739B rgb (112,115,155) #70739B

Alternatywy dla #505ACC

---

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

#501ECC rgb (80,30,204) #501ECC #5032CC rgb (80,50,204) #5032CC #5046CC rgb (80,70,204) #5046CC #506ECC rgb (80,110,204) #506ECC #5082CC rgb (80,130,204) #5082CC #5096CC rgb (80,150,204) #5096CC

Szybkie użycie #505ACC

---

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

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

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

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

Schematy kolorów z #505ACC

---

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: 61% ma nasycenie #505ACC. Dodanie 61% + 10% = 71% nasycenia dla naszego nowego koloru #303AA6. Zmniejszenie 61% - 10% = nasycenie 51% dla innego koloru monochromatycznego #7781F2. #7781f2 rgb (119,129,242) #7781f2 51% nasycenie #77588c rgb (83,88,140) #77588c 41% nasycenie #303aa6 rgb (48,58,166) #303aa6 71% nasycenie #1b248c rgb (27,36,140) #1b248c 81% 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 #8350CC rgb (131,80,204) #8350CC 265o #505ACC rgb (80,90,204) #505ACC 235o #5098CC rgb (80,152,204) #5098CC 205o

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: #505ACC ma kąt 235o. Dodanie 235o + 180o = 55oo dla naszego nowego koloru uzupełniającego #CCC250. #505ACC rgb (80,90,204) #505ACC 235o #CCC250 rgb (204,194,80) #CCC250 55o

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: #505ACC ma kąt 235o. Dodanie 235o + 180o+30o = 85o dla naszego pierwszego koloru uzupełniającego #98CC50. Zmniejszenie 235o + 180o-30o = 25o dla drugiego koloru uzupełniającego #CC8350. #CC8350 rgb (204,131,80) #CC8350 25o #505ACC rgb (80,90,204) #505ACC 235o #98CC50 rgb (152,204,80) #98CC50 85o

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. #CC505A rgb (204,80,90) #CC505A 355o #505ACC rgb (80,90,204) #505ACC 235o #5ACC50 rgb (90,204,80) #5ACC50 115o

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. #CC505A rgb (204,80,90) #CC505A 355o #505ACC rgb (80,90,204) #505ACC 235o #CCC250 rgb (204,194,80) #CCC250 55o #50CCC2 rgb (80,204,194) #50CCC2 175o