#557DBB kolor HEX kod RGB, HSL, CMYK KOLOR KOD DLA HEXA KOLOR #557DBB

#557DBB

W przestrzeni kolorów RGB hex #557DBB składa się z 33% red, 49% green i 73% blue. Kod koloru RGB składa się z szesnastkowego 55 red (85/255), 7D green (125/255) i BB blue (187/255). Dziesiętny kod koloru RGB to rgb(85,125,187) W przestrzeni kolorów CMYK składa się z 55% cyan, 33% magenta, 0% yellow i 27% black. Ma kąt barwy 216.47o stopni, nasycenie 43% i lekkość 53%. Najbliższy bezpieczny kolor to: #6666cc rgb (102, 102, 204).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #557DBB ma wartości RGB R:85, G:125, B:187 i wartości CMYK C:55, M:33, Y:0, K:27. Jego wartość dziesiętna to 5602747. Kod binarny to 10101010111110110111011
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 557DBB  #557DBB RGB dziesiętny 85, 125, 187  rgb(85, 125, 187) RGB % 33, 49, 73  rgb(33%, 49%, 73%) RGB Adobe 98, 124, 184 CMYK % 55, 33, 0, 27  55%, 33%, 0%, 27% HSL 216.47o, 43, 53  hsl(216.47o, 43%, 53%) HSV (HSB) 216o, 55%, 73%  hsv(216o, 55%, 73%)

Web Safe kolor #6666cc rgb (102, 102, 204) XYZ 20.05, 20.186 49.853 xyY 0.22, 0.22, 20.19 Hunter-Lab 44.93, 3.49, -38.2 CMY 67%, 51%, 27% Lab 51.54, -0.31, -37.47 Binarna kolor 55 7D BB 1010101 1111101 10111011

Odcienie i odcienie #557DBB

---

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

Zmiana koloru odcienia #557DBB

#6F91C5 rgb (111,145,197) #6F91C5 #85A2CE rgb (133,162,206) #85A2CE #97B0D5 rgb (151,176,213) #97B0D5 #A7BCDB rgb (167,188,219) #A7BCDB #B4C6E0 rgb (180,198,224) #B4C6E0 #BFCFE5 rgb (191,207,229) #BFCFE5 #C9D6E9 rgb (201,214,233) #C9D6E9 #D1DCEC rgb (209,220,236) #D1DCEC #D8E1EF rgb (216,225,239) #D8E1EF #DEE6F1 rgb (222,230,241) #DEE6F1

Zmienność koloru odcienia

#486A9F rgb (72,106,159) #486A9F #3D5A87 rgb (61,90,135) #3D5A87 #344D73 rgb (52,77,115) #344D73 #2C4162 rgb (44,65,98) #2C4162 #253753 rgb (37,55,83) #253753 #1F2F47 rgb (31,47,71) #1F2F47 #1A283C rgb (26,40,60) #1A283C #162233 rgb (22,34,51) #162233 #131D2B rgb (19,29,43) #131D2B #101925 rgb (16,25,37) #101925

Tony #557DBB

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

#597DB5 rgb (89,125,181) #597DB5 #5D7DB0 rgb (93,125,176) #5D7DB0 #617DAB rgb (97,125,171) #617DAB #647DA7 rgb (100,125,167) #647DA7 #677DA3 rgb (103,125,163) #677DA3 #6A7DA0 rgb (106,125,160) #6A7DA0 #6C7D9D rgb (108,125,157) #6C7D9D #6E7D9A rgb (110,125,154) #6E7D9A #707D97 rgb (112,125,151) #707D97 #727D95 rgb (114,125,149) #727D95

Alternatywy dla #557DBB

---

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

#5541BB rgb (85,65,187) #5541BB #5555BB rgb (85,85,187) #5555BB #5569BB rgb (85,105,187) #5569BB #5591BB rgb (85,145,187) #5591BB #55A5BB rgb (85,165,187) #55A5BB #55B9BB rgb (85,185,187) #55B9BB

Szybkie użycie #557DBB

---

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

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

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

Wstępnie sformatowany kod 557DBB	kod dla script / programming
HTML, CSS:	= #557DBB; rgb(85, 125, 187)
Java:	= new Color(85, 125, 187)
.NET:	= Color.FromArgb (85, 125, 187);
Xojo:	= rgb (85, 125, 187, 0);
openGL:	= glColor3f (0.33f, 0.49f, 0.73f);
Swift:	= UIColor(red:0.33, green:0.49, blue:0.73, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.49 blue:0.73 alpha:1.00000];

Schematy kolorów z #557DBB

---

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 #557DBB. Dodanie 55% + 10% = 65% nasycenia dla naszego nowego koloru #345A94. Zmniejszenie 55% - 10% = nasycenie 45% dla innego koloru monochromatycznego #7BA4E0. #7ba4e0 rgb (123,164,224) #7ba4e0 45% nasycenie #7b617a rgb (80,97,122) #7b617a 35% nasycenie #345a94 rgb (52,90,148) #345a94 65% nasycenie #1f437a rgb (31,67,122) #1f437a 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 #5E54BA rgb (94,84,186) #5E54BA 246o #557DBB rgb (85,125,187) #557DBB 216o #54B0BA rgb (84,176,186) #54B0BA 186o

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: #557DBB ma kąt 216o. Dodanie 216o + 180o = 36oo dla naszego nowego koloru uzupełniającego #BA9154. #557DBB rgb (85,125,187) #557DBB 216o #BA9154 rgb (186,145,84) #BA9154 36o

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: #557DBB ma kąt 216o. Dodanie 216o + 180o+30o = 66o dla naszego pierwszego koloru uzupełniającego #B0BA54. Zmniejszenie 216o + 180o-30o = 6o dla drugiego koloru uzupełniającego #BA5E54. #BA5E54 rgb (186,94,84) #BA5E54 6o #557DBB rgb (85,125,187) #557DBB 216o #B0BA54 rgb (176,186,84) #B0BA54 66o

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. #BA547D rgb (186,84,125) #BA547D 336o #557DBB rgb (85,125,187) #557DBB 216o #7DBA54 rgb (125,186,84) #7DBA54 96o

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. #BA547D rgb (186,84,125) #BA547D 336o #557DBB rgb (85,125,187) #557DBB 216o #BA9154 rgb (186,145,84) #BA9154 36o #54BA91 rgb (84,186,145) #54BA91 156o