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

#676C72

W przestrzeni kolorów RGB hex #676C72 składa się z 40% red, 42% green i 45% blue. Kod koloru RGB składa się z szesnastkowego 67 red (103/255), 6C green (108/255) i 72 blue (114/255). Dziesiętny kod koloru RGB to rgb(103,108,114) W przestrzeni kolorów CMYK składa się z 10% cyan, 5% magenta, 0% yellow i 55% black. Ma kąt barwy 212.73o stopni, nasycenie 5% i lekkość 43%. Najbliższy bezpieczny kolor to: #666666 rgb (102, 102, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #676C72 ma wartości RGB R:103, G:108, B:114 i wartości CMYK C:10, M:5, Y:0, K:55. Jego wartość dziesiętna to 6777970. Kod binarny to 11001110110110001110010
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 676C72  #676C72 RGB dziesiętny 103, 108, 114  rgb(103, 108, 114) RGB % 40, 42, 45  rgb(40%, 42%, 45%) RGB Adobe 104, 108, 113 CMYK % 10, 5, 0, 55  10%, 5%, 0%, 55% HSL 212.73o, 5, 43  hsl(212.73o, 5%, 43%) HSV (HSB) 213o, 10%, 45%  hsv(213o, 10%, 45%)

Web Safe kolor #666666 rgb (102, 102, 102) XYZ 13.993, 14.824 18.043 xyY 0.3, 0.32, 14.82 Hunter-Lab 38.5, -0.46, -3.04 CMY 60%, 58%, 55% Lab 45.34, -1.01, -4.06 Binarna kolor 67 6C 72 1100111 1101100 1110010

Odcienie i odcienie #676C72

---

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

Zmiana koloru odcienia #676C72

#7E8287 rgb (126,130,135) #7E8287 #919599 rgb (145,149,153) #919599 #A2A5A8 rgb (162,165,168) #A2A5A8 #B0B3B5 rgb (176,179,181) #B0B3B5 #BCBEC0 rgb (188,190,192) #BCBEC0 #C6C8C9 rgb (198,200,201) #C6C8C9 #CFD0D1 rgb (207,208,209) #CFD0D1 #D6D7D8 rgb (214,215,216) #D6D7D8 #DCDDDE rgb (220,221,222) #DCDDDE #E1E2E3 rgb (225,226,227) #E1E2E3

Zmienność koloru odcienia

#585C61 rgb (88,92,97) #585C61 #4B4E52 rgb (75,78,82) #4B4E52 #404246 rgb (64,66,70) #404246 #36383C rgb (54,56,60) #36383C #2E3033 rgb (46,48,51) #2E3033 #27292B rgb (39,41,43) #27292B #212325 rgb (33,35,37) #212325 #1C1E1F rgb (28,30,31) #1C1E1F #181A1A rgb (24,26,26) #181A1A #141616 rgb (20,22,22) #141616

Tony #676C72

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

#6A6E73 rgb (106,110,115) #6A6E73 #6C7074 rgb (108,112,116) #6C7074 #6E7275 rgb (110,114,117) #6E7275 #707376 rgb (112,115,118) #707376 #727477 rgb (114,116,119) #727477 #737578 rgb (115,117,120) #737578 #747679 rgb (116,118,121) #747679 #75777A rgb (117,119,122) #75777A #76787B rgb (118,120,123) #76787B #77797C rgb (119,121,124) #77797C

Alternatywy dla #676C72

---

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

#673072 rgb (103,48,114) #673072 #674472 rgb (103,68,114) #674472 #675872 rgb (103,88,114) #675872 #678072 rgb (103,128,114) #678072 #679472 rgb (103,148,114) #679472 #67A872 rgb (103,168,114) #67A872

Szybkie użycie #676C72

---

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

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

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

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

Schematy kolorów z #676C72

---

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: 10% ma nasycenie #676C72. Dodanie 10% + 10% = 20% nasycenia dla naszego nowego koloru #3D444D. Zmniejszenie 10% - 10% = nasycenie 0% dla innego koloru monochromatycznego #999999. #999999 rgb (153,153,153) #999999 0% nasycenie #993333 rgb (51,51,51) #993333 0% nasycenie #3d444d rgb (61,68,77) #3d444d 20% nasycenie #242b33 rgb (36,43,51) #242b33 30% 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 #686773 rgb (104,103,115) #686773 243o #676C72 rgb (103,108,114) #676C72 213o #677273 rgb (103,114,115) #677273 183o

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: #676C72 ma kąt 213o. Dodanie 213o + 180o = 33oo dla naszego nowego koloru uzupełniającego #736E67. #676C72 rgb (103,108,114) #676C72 213o #736E67 rgb (115,110,103) #736E67 33o

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: #676C72 ma kąt 213o. Dodanie 213o + 180o+30o = 63o dla naszego pierwszego koloru uzupełniającego #727367. Zmniejszenie 213o + 180o-30o = 3o dla drugiego koloru uzupełniającego #736867. #736867 rgb (115,104,103) #736867 3o #676C72 rgb (103,108,114) #676C72 213o #727367 rgb (114,115,103) #727367 63o

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. #73676C rgb (115,103,108) #73676C 333o #676C72 rgb (103,108,114) #676C72 213o #6C7367 rgb (108,115,103) #6C7367 93o

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. #73676C rgb (115,103,108) #73676C 333o #676C72 rgb (103,108,114) #676C72 213o #736E67 rgb (115,110,103) #736E67 33o #67736E rgb (103,115,110) #67736E 153o