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

#CC6633

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

Konwersja kolorów

---

Przelicz kolor

---

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

Hex kolor CC6633  #CC6633 RGB dziesiętny 204, 102, 51  rgb(204, 102, 51) RGB % 80, 40, 20  rgb(80%, 40%, 20%) RGB Adobe 181, 102, 57 CMYK % 0, 50, 75, 20  0%, 50%, 75%, 20% HSL 20o, 60, 50  hsl(20o, 60%, 50%) HSV (HSB) 20o, 75%, 80%  hsv(20o, 75%, 80%)

Web Safe kolor #cc6633 rgb (204, 102, 51) XYZ 30.251, 22.579 5.896 xyY 0.52, 0.38, 22.58 Hunter-Lab 47.52, 33.55, 24.22 CMY 20%, 60%, 80% Lab 55.24, 38.83, 47.01 Binarna kolor CC 66 33 11001100 1100110 110011

Odcienie i odcienie #CC6633

---

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: #28140A to najciemniejszy kolor, a: #F5E1D7 to najjaśniejszy kolor.

Zmiana koloru odcienia #CC6633

#D47D52 rgb (212,125,82) #D47D52 #DA916C rgb (218,145,108) #DA916C #E0A282 rgb (224,162,130) #E0A282 #E5B095 rgb (229,176,149) #E5B095 #E9BCA5 rgb (233,188,165) #E9BCA5 #ECC6B3 rgb (236,198,179) #ECC6B3 #EFCFBE rgb (239,207,190) #EFCFBE #F1D6C8 rgb (241,214,200) #F1D6C8 #F3DCD0 rgb (243,220,208) #F3DCD0 #F5E1D7 rgb (245,225,215) #F5E1D7

Zmienność koloru odcienia

#AD572B rgb (173,87,43) #AD572B #934A25 rgb (147,74,37) #934A25 #7D3F1F rgb (125,63,31) #7D3F1F #6A361A rgb (106,54,26) #6A361A #5A2E16 rgb (90,46,22) #5A2E16 #4D2713 rgb (77,39,19) #4D2713 #412110 rgb (65,33,16) #412110 #371C0E rgb (55,28,14) #371C0E #2F180C rgb (47,24,12) #2F180C #28140A rgb (40,20,10) #28140A

Tony #CC6633

Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #C4693B jest mniej nasyconym kolorem, a #9B7766 jest najbardziej nasyconym.

#C4693B rgb (196,105,59) #C4693B #BD6B42 rgb (189,107,66) #BD6B42 #B76D48 rgb (183,109,72) #B76D48 #B26F4E rgb (178,111,78) #B26F4E #AD7153 rgb (173,113,83) #AD7153 #A97358 rgb (169,115,88) #A97358 #A5745C rgb (165,116,92) #A5745C #A17560 rgb (161,117,96) #A17560 #9E7663 rgb (158,118,99) #9E7663 #9B7766 rgb (155,119,102) #9B7766

Alternatywy dla #CC6633

---

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

#CC2A33 rgb (204,42,51) #CC2A33 #CC3E33 rgb (204,62,51) #CC3E33 #CC5233 rgb (204,82,51) #CC5233 #CC7A33 rgb (204,122,51) #CC7A33 #CC8E33 rgb (204,142,51) #CC8E33 #CCA233 rgb (204,162,51) #CCA233

Szybkie użycie #CC6633

---

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

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

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

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

Schematy kolorów z #CC6633

---

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: 75% ma nasycenie #CC6633. Dodanie 75% + 10% = 85% nasycenia dla naszego nowego koloru #A64819. Zmniejszenie 75% - 10% = nasycenie 65% dla innego koloru monochromatycznego #F28955. #f28955 rgb (242,137,85) #f28955 65% nasycenie #f2593f rgb (140,89,63) #f2593f 55% nasycenie #a64819 rgb (166,72,25) #a64819 85% nasycenie #8c3307 rgb (140,51,7) #8c3307 95% 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 #CCB333 rgb (204,179,51) #CCB333 50o #CC6633 rgb (204,102,51) #CC6633 20o #CC334D rgb (204,51,77) #CC334D 350o

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: #CC6633 ma kąt 20o. Dodanie 20o + 180o = 200oo dla naszego nowego koloru uzupełniającego #3399CC. #CC6633 rgb (204,102,51) #CC6633 20o #3399CC rgb (51,153,204) #3399CC 200o

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: #CC6633 ma kąt 20o. Dodanie 20o + 180o+30o = 230o dla naszego pierwszego koloru uzupełniającego #334DCC. Zmniejszenie 20o + 180o-30o = 170o dla drugiego koloru uzupełniającego #33CCB3. #33CCB3 rgb (51,204,179) #33CCB3 170o #CC6633 rgb (204,102,51) #CC6633 20o #334DCC rgb (51,77,204) #334DCC 230o

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. #33CC66 rgb (51,204,102) #33CC66 140o #CC6633 rgb (204,102,51) #CC6633 20o #6633CC rgb (102,51,204) #6633CC 260o

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. #33CC66 rgb (51,204,102) #33CC66 140o #CC6633 rgb (204,102,51) #CC6633 20o #3399CC rgb (51,153,204) #3399CC 200o #CC3399 rgb (204,51,153) #CC3399 320o