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

#504A63

W przestrzeni kolorów RGB hex #504A63 składa się z 31% red, 29% green i 39% blue. Kod koloru RGB składa się z szesnastkowego 50 red (80/255), 4A green (74/255) i 63 blue (99/255). Dziesiętny kod koloru RGB to rgb(80,74,99) W przestrzeni kolorów CMYK składa się z 19% cyan, 25% magenta, 0% yellow i 61% black. Ma kąt barwy 254.4o stopni, nasycenie 14% i lekkość 34%. Najbliższy bezpieczny kolor to: #663366 rgb (102, 51, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #504A63 ma wartości RGB R:80, G:74, B:99 i wartości CMYK C:19, M:25, Y:0, K:61. Jego wartość dziesiętna to 5261923. Kod binarny to 10100000100101001100011
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 504A63  #504A63 RGB dziesiętny 80, 74, 99  rgb(80, 74, 99) RGB % 31, 29, 39  rgb(31%, 29%, 39%) RGB Adobe 79, 75, 98 CMYK % 19, 25, 0, 61  19%, 25%, 0%, 61% HSL 254.4o, 14, 34  hsl(254.4o, 14%, 34%) HSV (HSB) 254o, 25%, 39%  hsv(254o, 25%, 39%)

Web Safe kolor #663366 rgb (102, 51, 102) XYZ 8.009, 7.504 12.831 xyY 0.28, 0.26, 7.5 Hunter-Lab 27.39, 5.8, -10.47 CMY 69%, 71%, 61% Lab 32.81, 6.96, -13.77 Binarna kolor 50 4A 63 1010000 1001010 1100011

Odcienie i odcienie #504A63

---

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: #100E13 to najciemniejszy kolor, a: #DCDBE0 to najjaśniejszy kolor.

Zmiana koloru odcienia #504A63

#6A657A rgb (106,101,122) #6A657A #807C8E rgb (128,124,142) #807C8E #93909F rgb (147,144,159) #93909F #A3A1AD rgb (163,161,173) #A3A1AD #B1AFB9 rgb (177,175,185) #B1AFB9 #BDBBC4 rgb (189,187,196) #BDBBC4 #C7C5CD rgb (199,197,205) #C7C5CD #CFCED5 rgb (207,206,213) #CFCED5 #D6D5DB rgb (214,213,219) #D6D5DB #DCDBE0 rgb (220,219,224) #DCDBE0

Zmienność koloru odcienia

#443F54 rgb (68,63,84) #443F54 #3A3647 rgb (58,54,71) #3A3647 #312E3C rgb (49,46,60) #312E3C #2A2733 rgb (42,39,51) #2A2733 #24212B rgb (36,33,43) #24212B #1F1C25 rgb (31,28,37) #1F1C25 #1A181F rgb (26,24,31) #1A181F #16141A rgb (22,20,26) #16141A #131116 rgb (19,17,22) #131116 #100E13 rgb (16,14,19) #100E13

Tony #504A63

Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #554F66 jest mniej nasyconym kolorem, a #706D76 jest najbardziej nasyconym.

#554F66 rgb (85,79,102) #554F66 #595469 rgb (89,84,105) #595469 #5D586B rgb (93,88,107) #5D586B #615C6D rgb (97,92,109) #615C6D #64606F rgb (100,96,111) #64606F #676371 rgb (103,99,113) #676371 #6A6673 rgb (106,102,115) #6A6673 #6C6974 rgb (108,105,116) #6C6974 #6E6B75 rgb (110,107,117) #6E6B75 #706D76 rgb (112,109,118) #706D76

Alternatywy dla #504A63

---

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

#500E63 rgb (80,14,99) #500E63 #502263 rgb (80,34,99) #502263 #503663 rgb (80,54,99) #503663 #505E63 rgb (80,94,99) #505E63 #507263 rgb (80,114,99) #507263 #508663 rgb (80,134,99) #508663

Szybkie użycie #504A63

---

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

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

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

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

Schematy kolorów z #504A63

---

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: 25% ma nasycenie #504A63. Dodanie 25% + 10% = 35% nasycenia dla naszego nowego koloru #2D283D. Zmniejszenie 25% - 10% = nasycenie 15% dla innego koloru monochromatycznego #7A758A. #7a758a rgb (122,117,138) #7a758a 15% nasycenie #7a2224 rgb (34,34,36) #7a2224 5% nasycenie #2d283d rgb (45,40,61) #2d283d 35% nasycenie #171424 rgb (23,20,36) #171424 45% 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 #5D4B63 rgb (93,75,99) #5D4B63 284o #504A63 rgb (80,74,99) #504A63 254o #4B5163 rgb (75,81,99) #4B5163 224o

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: #504A63 ma kąt 254o. Dodanie 254o + 180o = 74oo dla naszego nowego koloru uzupełniającego #5E634B. #504A63 rgb (80,74,99) #504A63 254o #5E634B rgb (94,99,75) #5E634B 74o

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: #504A63 ma kąt 254o. Dodanie 254o + 180o+30o = 104o dla naszego pierwszego koloru uzupełniającego #51634B. Zmniejszenie 254o + 180o-30o = 44o dla drugiego koloru uzupełniającego #635D4B. #635D4B rgb (99,93,75) #635D4B 44o #504A63 rgb (80,74,99) #504A63 254o #51634B rgb (81,99,75) #51634B 104o

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. #63504B rgb (99,80,75) #63504B 14o #504A63 rgb (80,74,99) #504A63 254o #4B6350 rgb (75,99,80) #4B6350 134o

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. #63504B rgb (99,80,75) #63504B 14o #504A63 rgb (80,74,99) #504A63 254o #5E634B rgb (94,99,75) #5E634B 74o #4B5E63 rgb (75,94,99) #4B5E63 194o