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

#CC3316

W przestrzeni kolorów RGB hex #CC3316 składa się z 80% red, 20% green i 9% blue. Kod koloru RGB składa się z szesnastkowego CC red (204/255), 33 green (51/255) i 16 blue (22/255). Dziesiętny kod koloru RGB to rgb(204,51,22) W przestrzeni kolorów CMYK składa się z 0% cyan, 75% magenta, 89% yellow i 20% black. Ma kąt barwy 9.56o stopni, nasycenie 81% i lekkość 44%. Najbliższy bezpieczny kolor to: #cc3300 rgb (204, 51, 0).

Konwersja kolorów

---

Przelicz kolor

---

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

Hex kolor CC3316  #CC3316 RGB dziesiętny 204, 51, 22  rgb(204, 51, 22) RGB % 80, 20, 9  rgb(80%, 20%, 9%) RGB Adobe 176, 54, 30 CMYK % 0, 75, 89, 20  0%, 75%, 89%, 20% HSL 9.56o, 81, 44  hsl(9.56o, 81%, 44%) HSV (HSB) 10o, 89%, 80%  hsv(10o, 89%, 80%)

Web Safe kolor #cc3300 rgb (204, 51, 0) XYZ 26.23, 15.263 2.323 xyY 0.6, 0.35, 15.26 Hunter-Lab 39.07, 54.41, 22.53 CMY 20%, 80%, 91% Lab 46.79, 59.37, 53.04 Binarna kolor CC 33 16 11001100 110011 10110

Odcienie i odcienie #CC3316

---

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: #280A05 to najciemniejszy kolor, a: #F5D7D1 to najjaśniejszy kolor.

Zmiana koloru odcienia #CC3316

#D45239 rgb (212,82,57) #D45239 #DA6C57 rgb (218,108,87) #DA6C57 #E08270 rgb (224,130,112) #E08270 #E59585 rgb (229,149,133) #E59585 #E9A597 rgb (233,165,151) #E9A597 #ECB3A7 rgb (236,179,167) #ECB3A7 #EFBEB4 rgb (239,190,180) #EFBEB4 #F1C8BF rgb (241,200,191) #F1C8BF #F3D0C9 rgb (243,208,201) #F3D0C9 #F5D7D1 rgb (245,215,209) #F5D7D1

Zmienność koloru odcienia

#AD2B13 rgb (173,43,19) #AD2B13 #932510 rgb (147,37,16) #932510 #7D1F0E rgb (125,31,14) #7D1F0E #6A1A0C rgb (106,26,12) #6A1A0C #5A160A rgb (90,22,10) #5A160A #4D1309 rgb (77,19,9) #4D1309 #411008 rgb (65,16,8) #411008 #370E07 rgb (55,14,7) #370E07 #2F0C06 rgb (47,12,6) #2F0C06 #280A05 rgb (40,10,5) #280A05

Tony #CC3316

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

#C43B21 rgb (196,59,33) #C43B21 #BD422B rgb (189,66,43) #BD422B #B74834 rgb (183,72,52) #B74834 #B24E3C rgb (178,78,60) #B24E3C #AD5343 rgb (173,83,67) #AD5343 #A95849 rgb (169,88,73) #A95849 #A55C4F rgb (165,92,79) #A55C4F #A16054 rgb (161,96,84) #A16054 #9E6358 rgb (158,99,88) #9E6358 #9B665C rgb (155,102,92) #9B665C

Alternatywy dla #CC3316

---

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

#B83316 rgb (184,51,22) #B83316 #CC0B16 rgb (204,11,22) #CC0B16 #CC1F16 rgb (204,31,22) #CC1F16 #CC4716 rgb (204,71,22) #CC4716 #CC5B16 rgb (204,91,22) #CC5B16 #CC6F16 rgb (204,111,22) #CC6F16

Szybkie użycie #CC3316

---

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

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

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

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

Schematy kolorów z #CC3316

---

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: 89% ma nasycenie #CC3316. Dodanie 89% + 10% = 99% nasycenia dla naszego nowego koloru #A61D02. Zmniejszenie 89% - 10% = nasycenie 79% dla innego koloru monochromatycznego #F25333. #f25333 rgb (242,83,51) #f25333 79% nasycenie #f23c2b rgb (140,60,43) #f23c2b 69% nasycenie #a61d02 rgb (166,29,2) #a61d02 99% nasycenie #8c1700 rgb (140,23,0) #8c1700 100% 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 #CC8F16 rgb (204,143,22) #CC8F16 40o #CC3316 rgb (204,51,22) #CC3316 10o #CC1653 rgb (204,22,83) #CC1653 340o

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: #CC3316 ma kąt 10o. Dodanie 10o + 180o = 190oo dla naszego nowego koloru uzupełniającego #16AECC. #CC3316 rgb (204,51,22) #CC3316 10o #16AECC rgb (22,174,204) #16AECC 190o

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: #CC3316 ma kąt 10o. Dodanie 10o + 180o+30o = 220o dla naszego pierwszego koloru uzupełniającego #1653CC. Zmniejszenie 10o + 180o-30o = 160o dla drugiego koloru uzupełniającego #16CC8F. #16CC8F rgb (22,204,143) #16CC8F 160o #CC3316 rgb (204,51,22) #CC3316 10o #1653CC rgb (22,83,204) #1653CC 220o

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. #16CC35 rgb (22,204,53) #16CC35 130o #CC3316 rgb (204,51,22) #CC3316 10o #3516CC rgb (53,22,204) #3516CC 250o

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. #16CC35 rgb (22,204,53) #16CC35 130o #CC3316 rgb (204,51,22) #CC3316 10o #16AECC rgb (22,174,204) #16AECC 190o #CC16AE rgb (204,22,174) #CC16AE 310o