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

#676BAA

W przestrzeni kolorów RGB hex #676BAA składa się z 40% red, 42% green i 67% blue. Kod koloru RGB składa się z szesnastkowego 67 red (103/255), 6B green (107/255) i AA blue (170/255). Dziesiętny kod koloru RGB to rgb(103,107,170) W przestrzeni kolorów CMYK składa się z 39% cyan, 37% magenta, 0% yellow i 33% black. Ma kąt barwy 236.42o stopni, nasycenie 28% i lekkość 54%. Najbliższy bezpieczny kolor to: #666699 rgb (102, 102, 153).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #676BAA ma wartości RGB R:103, G:107, B:170 i wartości CMYK C:39, M:37, Y:0, K:33. Jego wartość dziesiętna to 6777770. Kod binarny to 11001110110101110101010
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 676BAA  #676BAA RGB dziesiętny 103, 107, 170  rgb(103, 107, 170) RGB % 40, 42, 67  rgb(40%, 42%, 67%) RGB Adobe 104, 107, 166 CMYK % 39, 37, 0, 33  39%, 37%, 0%, 33% HSL 236.42o, 28, 54  hsl(236.42o, 28%, 54%) HSV (HSB) 236o, 39%, 67%  hsv(236o, 39%, 67%)

Web Safe kolor #666699 rgb (102, 102, 153) XYZ 18.107, 16.301 40.222 xyY 0.24, 0.22, 16.3 Hunter-Lab 40.37, 11.74, -34.27 CMY 60%, 58%, 33% Lab 46.97, 10.75, -34.69 Binarna kolor 67 6B AA 1100111 1101011 10101010

Odcienie i odcienie #676BAA

---

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

Zmiana koloru odcienia #676BAA

#7E81B7 rgb (126,129,183) #7E81B7 #9194C2 rgb (145,148,194) #9194C2 #A2A4CB rgb (162,164,203) #A2A4CB #B0B2D3 rgb (176,178,211) #B0B2D3 #BCBEDA rgb (188,190,218) #BCBEDA #C6C8E0 rgb (198,200,224) #C6C8E0 #CFD0E5 rgb (207,208,229) #CFD0E5 #D6D7E9 rgb (214,215,233) #D6D7E9 #DCDDEC rgb (220,221,236) #DCDDEC #E1E2EF rgb (225,226,239) #E1E2EF

Zmienność koloru odcienia

#585B91 rgb (88,91,145) #585B91 #4B4D7B rgb (75,77,123) #4B4D7B #404169 rgb (64,65,105) #404169 #363759 rgb (54,55,89) #363759 #2E2F4C rgb (46,47,76) #2E2F4C #272841 rgb (39,40,65) #272841 #212237 rgb (33,34,55) #212237 #1C1D2F rgb (28,29,47) #1C1D2F #181928 rgb (24,25,40) #181928 #141522 rgb (20,21,34) #141522

Tony #676BAA

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

#6A6DA6 rgb (106,109,166) #6A6DA6 #6C6FA2 rgb (108,111,162) #6C6FA2 #6E719F rgb (110,113,159) #6E719F #70739C rgb (112,115,156) #70739C #727499 rgb (114,116,153) #727499 #737597 rgb (115,117,151) #737597 #747695 rgb (116,118,149) #747695 #757793 rgb (117,119,147) #757793 #767891 rgb (118,120,145) #767891 #77798F rgb (119,121,143) #77798F

Alternatywy dla #676BAA

---

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

#672FAA rgb (103,47,170) #672FAA #6743AA rgb (103,67,170) #6743AA #6757AA rgb (103,87,170) #6757AA #677FAA rgb (103,127,170) #677FAA #6793AA rgb (103,147,170) #6793AA #67A7AA rgb (103,167,170) #67A7AA

Szybkie użycie #676BAA

---

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

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

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

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

Schematy kolorów z #676BAA

---

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: 39% ma nasycenie #676BAA. Dodanie 39% + 10% = 49% nasycenia dla naszego nowego koloru #444885. Zmniejszenie 39% - 10% = nasycenie 29% dla innego koloru monochromatycznego #9499D1. #9499d1 rgb (148,153,209) #9499d1 29% nasycenie #94586b rgb (87,88,107) #94586b 19% nasycenie #444885 rgb (68,72,133) #444885 49% nasycenie #2c306b rgb (44,48,107) #2c306b 59% 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 #8568AB rgb (133,104,171) #8568AB 266o #676BAA rgb (103,107,170) #676BAA 236o #688EAB rgb (104,142,171) #688EAB 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: #676BAA ma kąt 236o. Dodanie 236o + 180o = 56oo dla naszego nowego koloru uzupełniającego #ABA668. #676BAA rgb (103,107,170) #676BAA 236o #ABA668 rgb (171,166,104) #ABA668 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: #676BAA ma kąt 236o. Dodanie 236o + 180o+30o = 86o dla naszego pierwszego koloru uzupełniającego #8EAB68. Zmniejszenie 236o + 180o-30o = 26o dla drugiego koloru uzupełniającego #AB8568. #AB8568 rgb (171,133,104) #AB8568 26o #676BAA rgb (103,107,170) #676BAA 236o #8EAB68 rgb (142,171,104) #8EAB68 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. #AB686D rgb (171,104,109) #AB686D 356o #676BAA rgb (103,107,170) #676BAA 236o #6DAB68 rgb (109,171,104) #6DAB68 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. #AB686D rgb (171,104,109) #AB686D 356o #676BAA rgb (103,107,170) #676BAA 236o #ABA668 rgb (171,166,104) #ABA668 56o #68ABA6 rgb (104,171,166) #68ABA6 176o