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

#553C82

W przestrzeni kolorów RGB hex #553C82 składa się z 33% red, 24% green i 51% blue. Kod koloru RGB składa się z szesnastkowego 55 red (85/255), 3C green (60/255) i 82 blue (130/255). Dziesiętny kod koloru RGB to rgb(85,60,130) W przestrzeni kolorów CMYK składa się z 35% cyan, 54% magenta, 0% yellow i 49% black. Ma kąt barwy 261.43o stopni, nasycenie 37% i lekkość 37%. Najbliższy bezpieczny kolor to: #663399 rgb (102, 51, 153).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #553C82 ma wartości RGB R:85, G:60, B:130 i wartości CMYK C:35, M:54, Y:0, K:49. Jego wartość dziesiętna to 5586050. Kod binarny to 10101010011110010000010
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 553C82  #553C82 RGB dziesiętny 85, 60, 130  rgb(85, 60, 130) RGB % 33, 24, 51  rgb(33%, 24%, 51%) RGB Adobe 80, 62, 127 CMYK % 35, 54, 0, 49  35%, 54%, 0%, 49% HSL 261.43o, 37, 37  hsl(261.43o, 37%, 37%) HSV (HSB) 261o, 54%, 51%  hsv(261o, 54%, 51%)

Web Safe kolor #663399 rgb (102, 51, 153) XYZ 9.391, 6.775 21.932 xyY 0.25, 0.18, 6.78 Hunter-Lab 26.03, 20.56, -34.43 CMY 67%, 76%, 49% Lab 30.91, 23.72, -36.09 Binarna kolor 55 3C 82 1010101 111100 10000010

Odcienie i odcienie #553C82

---

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

Zmiana koloru odcienia #553C82

#6F5995 rgb (111,89,149) #6F5995 #8572A5 rgb (133,114,165) #8572A5 #9787B3 rgb (151,135,179) #9787B3 #A799BE rgb (167,153,190) #A799BE #B4A8C8 rgb (180,168,200) #B4A8C8 #BFB5D0 rgb (191,181,208) #BFB5D0 #C9C0D7 rgb (201,192,215) #C9C0D7 #D1C9DD rgb (209,201,221) #D1C9DD #D8D1E2 rgb (216,209,226) #D8D1E2 #DED8E6 rgb (222,216,230) #DED8E6

Zmienność koloru odcienia

#48336F rgb (72,51,111) #48336F #3D2B5E rgb (61,43,94) #3D2B5E #342550 rgb (52,37,80) #342550 #2C1F44 rgb (44,31,68) #2C1F44 #251A3A rgb (37,26,58) #251A3A #1F1631 rgb (31,22,49) #1F1631 #1A132A rgb (26,19,42) #1A132A #161024 rgb (22,16,36) #161024 #130E1F rgb (19,14,31) #130E1F #100C1A rgb (16,12,26) #100C1A

Tony #553C82

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

#594382 rgb (89,67,130) #594382 #5D4982 rgb (93,73,130) #5D4982 #614F82 rgb (97,79,130) #614F82 #645482 rgb (100,84,130) #645482 #675882 rgb (103,88,130) #675882 #6A5C82 rgb (106,92,130) #6A5C82 #6C6082 rgb (108,96,130) #6C6082 #6E6382 rgb (110,99,130) #6E6382 #706682 rgb (112,102,130) #706682 #726982 rgb (114,105,130) #726982

Alternatywy dla #553C82

---

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

#413C82 rgb (65,60,130) #413C82 #551482 rgb (85,20,130) #551482 #552882 rgb (85,40,130) #552882 #555082 rgb (85,80,130) #555082 #556482 rgb (85,100,130) #556482 #557882 rgb (85,120,130) #557882

Szybkie użycie #553C82

---

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

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

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

Wstępnie sformatowany kod 553C82	kod dla script / programming
HTML, CSS:	= #553C82; rgb(85, 60, 130)
Java:	= new Color(85, 60, 130)
.NET:	= Color.FromArgb (85, 60, 130);
Xojo:	= rgb (85, 60, 130, 0);
openGL:	= glColor3f (0.33f, 0.24f, 0.51f);
Swift:	= UIColor(red:0.33, green:0.24, blue:0.51, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.24 blue:0.51 alpha:1.00000];

Schematy kolorów z #553C82

---

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: 54% ma nasycenie #553C82. Dodanie 54% + 10% = 64% nasycenia dla naszego nowego koloru #36215C. Zmniejszenie 54% - 10% = nasycenie 44% dla innego koloru monochromatycznego #785EA8. #785ea8 rgb (120,94,168) #785ea8 44% nasycenie #782c42 rgb (52,44,66) #782c42 34% nasycenie #36215c rgb (54,33,92) #36215c 64% nasycenie #221142 rgb (34,17,66) #221142 74% 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 #783C82 rgb (120,60,130) #783C82 291o #553C82 rgb (85,60,130) #553C82 261o #3C4682 rgb (60,70,130) #3C4682 231o

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: #553C82 ma kąt 261o. Dodanie 261o + 180o = 81oo dla naszego nowego koloru uzupełniającego #69823C. #553C82 rgb (85,60,130) #553C82 261o #69823C rgb (105,130,60) #69823C 81o

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: #553C82 ma kąt 261o. Dodanie 261o + 180o+30o = 111o dla naszego pierwszego koloru uzupełniającego #46823C. Zmniejszenie 261o + 180o-30o = 51o dla drugiego koloru uzupełniającego #82783C. #82783C rgb (130,120,60) #82783C 51o #553C82 rgb (85,60,130) #553C82 261o #46823C rgb (70,130,60) #46823C 111o

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. #82543C rgb (130,84,60) #82543C 21o #553C82 rgb (85,60,130) #553C82 261o #3C8254 rgb (60,130,84) #3C8254 141o

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. #82543C rgb (130,84,60) #82543C 21o #553C82 rgb (85,60,130) #553C82 261o #69823C rgb (105,130,60) #69823C 81o #3C6982 rgb (60,105,130) #3C6982 201o