#6683CC kolor HEX kod RGB, HSL, CMYK KOLOR KOD DLA HEXA KOLOR #6683CC

#6683CC

W przestrzeni kolorów RGB hex #6683CC składa się z 40% red, 51% green i 80% blue. Kod koloru RGB składa się z szesnastkowego 66 red (102/255), 83 green (131/255) i CC blue (204/255). Dziesiętny kod koloru RGB to rgb(102,131,204) W przestrzeni kolorów CMYK składa się z 50% cyan, 36% magenta, 0% yellow i 20% black. Ma kąt barwy 222.94o stopni, nasycenie 50% i lekkość 60%. Najbliższy bezpieczny kolor to: #6699cc rgb (102, 153, 204).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #6683CC ma wartości RGB R:102, G:131, B:204 i wartości CMYK C:50, M:36, Y:0, K:20. Jego wartość dziesiętna to 6718412. Kod binarny to 11001101000001111001100
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 6683CC  #6683CC RGB dziesiętny 102, 131, 204  rgb(102, 131, 204) RGB % 40, 51, 80  rgb(40%, 51%, 80%) RGB Adobe 111, 130, 200 CMYK % 50, 36, 0, 20  50%, 36%, 0%, 20% HSL 222.94o, 50, 60  hsl(222.94o, 50%, 60%) HSV (HSB) 223o, 50%, 80%  hsv(223o, 50%, 80%)

Web Safe kolor #6699cc rgb (102, 153, 204) XYZ 24.495, 23.417 60.356 xyY 0.23, 0.22, 23.42 Hunter-Lab 48.39, 8.39, -44.35 CMY 60%, 49%, 20% Lab 54.96, 5.02, -41.68 Binarna kolor 66 83 CC 1100110 10000011 11001100

Odcienie i odcienie #6683CC

---

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: #141A28 to najciemniejszy kolor, a: #E1E6F5 to najjaśniejszy kolor.

Zmiana koloru odcienia #6683CC

#7D96D4 rgb (125,150,212) #7D96D4 #91A6DA rgb (145,166,218) #91A6DA #A2B3E0 rgb (162,179,224) #A2B3E0 #B0BEE5 rgb (176,190,229) #B0BEE5 #BCC8E9 rgb (188,200,233) #BCC8E9 #C6D0EC rgb (198,208,236) #C6D0EC #CFD7EF rgb (207,215,239) #CFD7EF #D6DDF1 rgb (214,221,241) #D6DDF1 #DCE2F3 rgb (220,226,243) #DCE2F3 #E1E6F5 rgb (225,230,245) #E1E6F5

Zmienność koloru odcienia

#576FAD rgb (87,111,173) #576FAD #4A5E93 rgb (74,94,147) #4A5E93 #3F507D rgb (63,80,125) #3F507D #36446A rgb (54,68,106) #36446A #2E3A5A rgb (46,58,90) #2E3A5A #27314D rgb (39,49,77) #27314D #212A41 rgb (33,42,65) #212A41 #1C2437 rgb (28,36,55) #1C2437 #181F2F rgb (24,31,47) #181F2F #141A28 rgb (20,26,40) #141A28

Tony #6683CC

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

#6983C4 rgb (105,131,196) #6983C4 #6B83BD rgb (107,131,189) #6B83BD #6D83B7 rgb (109,131,183) #6D83B7 #6F83B2 rgb (111,131,178) #6F83B2 #7183AD rgb (113,131,173) #7183AD #7383A9 rgb (115,131,169) #7383A9 #7483A5 rgb (116,131,165) #7483A5 #7583A1 rgb (117,131,161) #7583A1 #76839E rgb (118,131,158) #76839E #77839B rgb (119,131,155) #77839B

Alternatywy dla #6683CC

---

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

#6647CC rgb (102,71,204) #6647CC #665BCC rgb (102,91,204) #665BCC #666FCC rgb (102,111,204) #666FCC #6697CC rgb (102,151,204) #6697CC #66ABCC rgb (102,171,204) #66ABCC #66BFCC rgb (102,191,204) #66BFCC

Szybkie użycie #6683CC

---

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

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

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

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

Schematy kolorów z #6683CC

---

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 #6683CC. Dodanie 50% + 10% = 60% nasycenia dla naszego nowego koloru #425EA6. Zmniejszenie 50% - 10% = nasycenie 40% dla innego koloru monochromatycznego #91ADF2. #91adf2 rgb (145,173,242) #91adf2 40% nasycenie #916e8c rgb (98,110,140) #916e8c 30% nasycenie #425ea6 rgb (66,94,166) #425ea6 60% nasycenie #2a468c rgb (42,70,140) #2a468c 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 #7C66CC rgb (124,102,204) #7C66CC 253o #6683CC rgb (102,131,204) #6683CC 223o #66B6CC rgb (102,182,204) #66B6CC 193o

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: #6683CC ma kąt 223o. Dodanie 223o + 180o = 43oo dla naszego nowego koloru uzupełniającego #CCAF66. #6683CC rgb (102,131,204) #6683CC 223o #CCAF66 rgb (204,175,102) #CCAF66 43o

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: #6683CC ma kąt 223o. Dodanie 223o + 180o+30o = 73o dla naszego pierwszego koloru uzupełniającego #B6CC66. Zmniejszenie 223o + 180o-30o = 13o dla drugiego koloru uzupełniającego #CC7C66. #CC7C66 rgb (204,124,102) #CC7C66 13o #6683CC rgb (102,131,204) #6683CC 223o #B6CC66 rgb (182,204,102) #B6CC66 73o

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. #CC6683 rgb (204,102,131) #CC6683 343o #6683CC rgb (102,131,204) #6683CC 223o #83CC66 rgb (131,204,102) #83CC66 103o

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. #CC6683 rgb (204,102,131) #CC6683 343o #6683CC rgb (102,131,204) #6683CC 223o #CCAF66 rgb (204,175,102) #CCAF66 43o #66CCAF rgb (102,204,175) #66CCAF 163o