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

#CC5534

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

Konwersja kolorów

---

Przelicz kolor

---

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

Hex kolor CC5534  #CC5534 RGB dziesiętny 204, 85, 52  rgb(204, 85, 52) RGB % 80, 33, 20  rgb(80%, 33%, 20%) RGB Adobe 179, 86, 57 CMYK % 0, 58, 75, 20  0%, 58%, 75%, 20% HSL 13.03o, 60, 50  hsl(13.03o, 60%, 50%) HSV (HSB) 13o, 75%, 80%  hsv(13o, 75%, 80%)

Web Safe kolor #cc6633 rgb (204, 102, 51) XYZ 28.77, 19.582 5.512 xyY 0.53, 0.36, 19.58 Hunter-Lab 44.25, 41.63, 22 CMY 20%, 67%, 80% Lab 52.01, 46.85, 43.29 Binarna kolor CC 55 34 11001100 1010101 110100

Odcienie i odcienie #CC5534

---

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

Zmiana koloru odcienia #CC5534

#D46F52 rgb (212,111,82) #D46F52 #DA856C rgb (218,133,108) #DA856C #E09782 rgb (224,151,130) #E09782 #E5A795 rgb (229,167,149) #E5A795 #E9B4A5 rgb (233,180,165) #E9B4A5 #ECBFB3 rgb (236,191,179) #ECBFB3 #EFC9BE rgb (239,201,190) #EFC9BE #F1D1C8 rgb (241,209,200) #F1D1C8 #F3D8D0 rgb (243,216,208) #F3D8D0 #F5DED7 rgb (245,222,215) #F5DED7

Zmienność koloru odcienia

#AD482C rgb (173,72,44) #AD482C #933D25 rgb (147,61,37) #933D25 #7D341F rgb (125,52,31) #7D341F #6A2C1A rgb (106,44,26) #6A2C1A #5A2516 rgb (90,37,22) #5A2516 #4D1F13 rgb (77,31,19) #4D1F13 #411A10 rgb (65,26,16) #411A10 #37160E rgb (55,22,14) #37160E #2F130C rgb (47,19,12) #2F130C #28100A rgb (40,16,10) #28100A

Tony #CC5534

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

#C4593C rgb (196,89,60) #C4593C #BD5D43 rgb (189,93,67) #BD5D43 #B76149 rgb (183,97,73) #B76149 #B2644F rgb (178,100,79) #B2644F #AD6754 rgb (173,103,84) #AD6754 #A96A58 rgb (169,106,88) #A96A58 #A56C5C rgb (165,108,92) #A56C5C #A16E60 rgb (161,110,96) #A16E60 #9E7063 rgb (158,112,99) #9E7063 #9B7266 rgb (155,114,102) #9B7266

Alternatywy dla #CC5534

---

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

#CC1934 rgb (204,25,52) #CC1934 #CC2D34 rgb (204,45,52) #CC2D34 #CC4134 rgb (204,65,52) #CC4134 #CC6934 rgb (204,105,52) #CC6934 #CC7D34 rgb (204,125,52) #CC7D34 #CC9134 rgb (204,145,52) #CC9134

Szybkie użycie #CC5534

---

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

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

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

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

Schematy kolorów z #CC5534

---

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 #CC5534. Dodanie 75% + 10% = 85% nasycenia dla naszego nowego koloru #A63719. Zmniejszenie 75% - 10% = nasycenie 65% dla innego koloru monochromatycznego #F27755. #f27755 rgb (242,119,85) #f27755 65% nasycenie #f2503f rgb (140,80,63) #f2503f 55% nasycenie #a63719 rgb (166,55,25) #a63719 85% nasycenie #8c2407 rgb (140,36,7) #8c2407 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 #CCA133 rgb (204,161,51) #CCA133 43o #CC5534 rgb (204,85,52) #CC5534 13o #CC335E rgb (204,51,94) #CC335E 343o

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: #CC5534 ma kąt 13o. Dodanie 13o + 180o = 193oo dla naszego nowego koloru uzupełniającego #33ABCC. #CC5534 rgb (204,85,52) #CC5534 13o #33ABCC rgb (51,171,204) #33ABCC 193o

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: #CC5534 ma kąt 13o. Dodanie 13o + 180o+30o = 223o dla naszego pierwszego koloru uzupełniającego #335ECC. Zmniejszenie 13o + 180o-30o = 163o dla drugiego koloru uzupełniającego #33CCA1. #33CCA1 rgb (51,204,161) #33CCA1 163o #CC5534 rgb (204,85,52) #CC5534 13o #335ECC rgb (51,94,204) #335ECC 223o

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. #33CC54 rgb (51,204,84) #33CC54 133o #CC5534 rgb (204,85,52) #CC5534 13o #5433CC rgb (84,51,204) #5433CC 253o

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. #33CC54 rgb (51,204,84) #33CC54 133o #CC5534 rgb (204,85,52) #CC5534 13o #33ABCC rgb (51,171,204) #33ABCC 193o #CC33AB rgb (204,51,171) #CC33AB 313o