#676DCC kolor HEX kod RGB, HSL, CMYK KOLOR KOD DLA HEXA KOLOR #676DCC

#676DCC

W przestrzeni kolorów RGB hex #676DCC składa się z 40% red, 43% green i 80% blue. Kod koloru RGB składa się z szesnastkowego 67 red (103/255), 6D green (109/255) i CC blue (204/255). Dziesiętny kod koloru RGB to rgb(103,109,204) W przestrzeni kolorów CMYK składa się z 50% cyan, 47% magenta, 0% yellow i 20% black. Ma kąt barwy 236.44o stopni, nasycenie 50% i lekkość 60%. Najbliższy bezpieczny kolor to: #6666cc rgb (102, 102, 204).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #676DCC ma wartości RGB R:103, G:109, B:204 i wartości CMYK C:50, M:47, Y:0, K:20. Jego wartość dziesiętna to 6778316. Kod binarny to 11001110110110111001100
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 676DCC  #676DCC RGB dziesiętny 103, 109, 204  rgb(103, 109, 204) RGB % 40, 43, 80  rgb(40%, 43%, 80%) RGB Adobe 104, 109, 200 CMYK % 50, 47, 0, 20  50%, 47%, 0%, 20% HSL 236.44o, 50, 60  hsl(236.44o, 50%, 60%) HSV (HSB) 236o, 50%, 80%  hsv(236o, 50%, 80%)

Web Safe kolor #6666cc rgb (102, 102, 204) XYZ 21.961, 18.18 59.478 xyY 0.22, 0.18, 18.18 Hunter-Lab 42.64, 19.91, -57.3 CMY 60%, 57%, 20% Lab 49.06, 17.72, -50.98 Binarna kolor 67 6D CC 1100111 1101101 11001100

Odcienie i odcienie #676DCC

---

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

Zmiana koloru odcienia #676DCC

#7E83D4 rgb (126,131,212) #7E83D4 #9196DA rgb (145,150,218) #9196DA #A2A6E0 rgb (162,166,224) #A2A6E0 #B0B3E5 rgb (176,179,229) #B0B3E5 #BCBEE9 rgb (188,190,233) #BCBEE9 #C6C8EC rgb (198,200,236) #C6C8EC #CFD0EF rgb (207,208,239) #CFD0EF #D6D7F1 rgb (214,215,241) #D6D7F1 #DCDDF3 rgb (220,221,243) #DCDDF3 #E1E2F5 rgb (225,226,245) #E1E2F5

Zmienność koloru odcienia

#585DAD rgb (88,93,173) #585DAD #4B4F93 rgb (75,79,147) #4B4F93 #40437D rgb (64,67,125) #40437D #36396A rgb (54,57,106) #36396A #2E305A rgb (46,48,90) #2E305A #27294D rgb (39,41,77) #27294D #212341 rgb (33,35,65) #212341 #1C1E37 rgb (28,30,55) #1C1E37 #181A2F rgb (24,26,47) #181A2F #141628 rgb (20,22,40) #141628

Tony #676DCC

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

#6A6FC4 rgb (106,111,196) #6A6FC4 #6C71BD rgb (108,113,189) #6C71BD #6E73B7 rgb (110,115,183) #6E73B7 #7074B2 rgb (112,116,178) #7074B2 #7275AD rgb (114,117,173) #7275AD #7376A9 rgb (115,118,169) #7376A9 #7477A5 rgb (116,119,165) #7477A5 #7578A1 rgb (117,120,161) #7578A1 #76799E rgb (118,121,158) #76799E #777A9B rgb (119,122,155) #777A9B

Alternatywy dla #676DCC

---

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

#6731CC rgb (103,49,204) #6731CC #6745CC rgb (103,69,204) #6745CC #6759CC rgb (103,89,204) #6759CC #6781CC rgb (103,129,204) #6781CC #6795CC rgb (103,149,204) #6795CC #67A9CC rgb (103,169,204) #67A9CC

Szybkie użycie #676DCC

---

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

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

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

Wstępnie sformatowany kod 676DCC	kod dla script / programming
HTML, CSS:	= #676DCC; rgb(103, 109, 204)
Java:	= new Color(103, 109, 204)
.NET:	= Color.FromArgb (103, 109, 204);
Xojo:	= rgb (103, 109, 204, 0);
openGL:	= glColor3f (0.4f, 0.43f, 0.8f);
Swift:	= UIColor(red:0.4, green:0.43, blue:0.8, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.43 blue:0.8 alpha:1.00000];

Schematy kolorów z #676DCC

---

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: 50% ma nasycenie #676DCC. Dodanie 50% + 10% = 60% nasycenia dla naszego nowego koloru #4249A6. Zmniejszenie 50% - 10% = nasycenie 40% dla innego koloru monochromatycznego #9198F2. #9198f2 rgb (145,152,242) #9198f2 40% nasycenie #91658c rgb (98,101,140) #91658c 30% nasycenie #4249a6 rgb (66,73,166) #4249a6 60% nasycenie #2a318c rgb (42,49,140) #2a318c 70% 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 #9266CC rgb (146,102,204) #9266CC 266o #676DCC rgb (103,109,204) #676DCC 236o #66A0CC rgb (102,160,204) #66A0CC 206o

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: #676DCC ma kąt 236o. Dodanie 236o + 180o = 56oo dla naszego nowego koloru uzupełniającego #CCC566. #676DCC rgb (103,109,204) #676DCC 236o #CCC566 rgb (204,197,102) #CCC566 56o

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: #676DCC ma kąt 236o. Dodanie 236o + 180o+30o = 86o dla naszego pierwszego koloru uzupełniającego #A0CC66. Zmniejszenie 236o + 180o-30o = 26o dla drugiego koloru uzupełniającego #CC9266. #CC9266 rgb (204,146,102) #CC9266 26o #676DCC rgb (103,109,204) #676DCC 236o #A0CC66 rgb (160,204,102) #A0CC66 86o

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. #CC666D rgb (204,102,109) #CC666D 356o #676DCC rgb (103,109,204) #676DCC 236o #6DCC66 rgb (109,204,102) #6DCC66 116o

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. #CC666D rgb (204,102,109) #CC666D 356o #676DCC rgb (103,109,204) #676DCC 236o #CCC566 rgb (204,197,102) #CCC566 56o #66CCC5 rgb (102,204,197) #66CCC5 176o