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

#552AB4

W przestrzeni kolorów RGB hex #552AB4 składa się z 33% red, 16% green i 71% blue. Kod koloru RGB składa się z szesnastkowego 55 red (85/255), 2A green (42/255) i B4 blue (180/255). Dziesiętny kod koloru RGB to rgb(85,42,180) W przestrzeni kolorów CMYK składa się z 53% cyan, 77% magenta, 0% yellow i 29% black. Ma kąt barwy 258.7o stopni, nasycenie 62% i lekkość 44%. Najbliższy bezpieczny kolor to: #6633cc rgb (102, 51, 204).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #552AB4 ma wartości RGB R:85, G:42, B:180 i wartości CMYK C:53, M:77, Y:0, K:29. Jego wartość dziesiętna to 5581492. Kod binarny to 10101010010101010110100
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 552AB4  #552AB4 RGB dziesiętny 85, 42, 180  rgb(85, 42, 180) RGB % 33, 16, 71  rgb(33%, 16%, 71%) RGB Adobe 77, 46, 175 CMYK % 53, 77, 0, 29  53%, 77%, 0%, 29% HSL 258.7o, 62, 44  hsl(258.7o, 62%, 44%) HSV (HSB) 259o, 77%, 71%  hsv(259o, 77%, 71%)

Web Safe kolor #6633cc rgb (102, 51, 204) XYZ 12.812, 6.883 43.833 xyY 0.2, 0.11, 6.88 Hunter-Lab 26.24, 43.34, -85.28 CMY 67%, 84%, 29% Lab 30.52, 44.79, -67.07 Binarna kolor 55 2A B4 1010101 101010 10110100

Odcienie i odcienie #552AB4

---

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

Zmiana koloru odcienia #552AB4

#6F4ABF rgb (111,74,191) #6F4ABF #8565C9 rgb (133,101,201) #8565C9 #977CD1 rgb (151,124,209) #977CD1 #A790D8 rgb (167,144,216) #A790D8 #B4A1DE rgb (180,161,222) #B4A1DE #BFAFE3 rgb (191,175,227) #BFAFE3 #C9BBE7 rgb (201,187,231) #C9BBE7 #D1C5EB rgb (209,197,235) #D1C5EB #D8CEEE rgb (216,206,238) #D8CEEE #DED5F1 rgb (222,213,241) #DED5F1

Zmienność koloru odcienia

#482499 rgb (72,36,153) #482499 #3D1F82 rgb (61,31,130) #3D1F82 #341A6F rgb (52,26,111) #341A6F #2C165E rgb (44,22,94) #2C165E #251350 rgb (37,19,80) #251350 #1F1044 rgb (31,16,68) #1F1044 #1A0E3A rgb (26,14,58) #1A0E3A #160C31 rgb (22,12,49) #160C31 #130A2A rgb (19,10,42) #130A2A #100924 rgb (16,9,36) #100924

Tony #552AB4

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

#5933AF rgb (89,51,175) #5933AF #5D3BAA rgb (93,59,170) #5D3BAA #6142A6 rgb (97,66,166) #6142A6 #6448A2 rgb (100,72,162) #6448A2 #674E9F rgb (103,78,159) #674E9F #6A539C rgb (106,83,156) #6A539C #6C5899 rgb (108,88,153) #6C5899 #6E5C97 rgb (110,92,151) #6E5C97 #706095 rgb (112,96,149) #706095 #726393 rgb (114,99,147) #726393

Alternatywy dla #552AB4

---

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

#412AB4 rgb (65,42,180) #412AB4 #5502B4 rgb (85,2,180) #5502B4 #5516B4 rgb (85,22,180) #5516B4 #553EB4 rgb (85,62,180) #553EB4 #5552B4 rgb (85,82,180) #5552B4 #5566B4 rgb (85,102,180) #5566B4

Szybkie użycie #552AB4

---

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

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

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

Wstępnie sformatowany kod 552AB4	kod dla script / programming
HTML, CSS:	= #552AB4; rgb(85, 42, 180)
Java:	= new Color(85, 42, 180)
.NET:	= Color.FromArgb (85, 42, 180);
Xojo:	= rgb (85, 42, 180, 0);
openGL:	= glColor3f (0.33f, 0.16f, 0.71f);
Swift:	= UIColor(red:0.33, green:0.16, blue:0.71, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.16 blue:0.71 alpha:1.00000];

Schematy kolorów z #552AB4

---

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: 77% ma nasycenie #552AB4. Dodanie 77% + 10% = 87% nasycenia dla naszego nowego koloru #3A138F. Zmniejszenie 77% - 10% = nasycenie 67% dla innego koloru monochromatycznego #7748DB. #7748db rgb (119,72,219) #7748db 67% nasycenie #773275 rgb (72,50,117) #773275 57% nasycenie #3a138f rgb (58,19,143) #3a138f 87% nasycenie #280475 rgb (40,4,117) #280475 97% 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 #9B2AB5 rgb (155,42,181) #9B2AB5 289o #552AB4 rgb (85,42,180) #552AB4 259o #2A43B5 rgb (42,67,181) #2A43B5 229o

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: #552AB4 ma kąt 259o. Dodanie 259o + 180o = 79oo dla naszego nowego koloru uzupełniającego #89B52A. #552AB4 rgb (85,42,180) #552AB4 259o #89B52A rgb (137,181,42) #89B52A 79o

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: #552AB4 ma kąt 259o. Dodanie 259o + 180o+30o = 109o dla naszego pierwszego koloru uzupełniającego #43B52A. Zmniejszenie 259o + 180o-30o = 49o dla drugiego koloru uzupełniającego #B59B2A. #B59B2A rgb (181,155,42) #B59B2A 49o #552AB4 rgb (85,42,180) #552AB4 259o #43B52A rgb (67,181,42) #43B52A 109o

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. #B5562A rgb (181,86,42) #B5562A 19o #552AB4 rgb (85,42,180) #552AB4 259o #2AB556 rgb (42,181,86) #2AB556 139o

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. #B5562A rgb (181,86,42) #B5562A 19o #552AB4 rgb (85,42,180) #552AB4 259o #89B52A rgb (137,181,42) #89B52A 79o #2A89B5 rgb (42,137,181) #2A89B5 199o