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

#CC5050

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

Konwersja kolorów

---

Przelicz kolor

---

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

Hex kolor CC5050  #CC5050 RGB dziesiętny 204, 80, 80  rgb(204, 80, 80) RGB % 80, 31, 31  rgb(80%, 31%, 31%) RGB Adobe 178, 81, 81 CMYK % 0, 61, 61, 20  0%, 61%, 61%, 20% HSL 0o, 55, 56  hsl(0o, 55%, 56%) HSV (HSB) 0o, 61%, 80%  hsv(0o, 61%, 80%)

Web Safe kolor #cc6666 rgb (204, 102, 102) XYZ 29.218, 19.154 9.747 xyY 0.5, 0.33, 19.15 Hunter-Lab 43.77, 45.63, 15.63 CMY 20%, 69%, 69% Lab 51.46, 50.13, 27 Binarna kolor CC 50 50 11001100 1010000 1010000

Odcienie i odcienie #CC5050

---

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

Zmiana koloru odcienia #CC5050

#D46A6A rgb (212,106,106) #D46A6A #DA8080 rgb (218,128,128) #DA8080 #E09393 rgb (224,147,147) #E09393 #E5A3A3 rgb (229,163,163) #E5A3A3 #E9B1B1 rgb (233,177,177) #E9B1B1 #ECBDBD rgb (236,189,189) #ECBDBD #EFC7C7 rgb (239,199,199) #EFC7C7 #F1CFCF rgb (241,207,207) #F1CFCF #F3D6D6 rgb (243,214,214) #F3D6D6 #F5DCDC rgb (245,220,220) #F5DCDC

Zmienność koloru odcienia

#AD4444 rgb (173,68,68) #AD4444 #933A3A rgb (147,58,58) #933A3A #7D3131 rgb (125,49,49) #7D3131 #6A2A2A rgb (106,42,42) #6A2A2A #5A2424 rgb (90,36,36) #5A2424 #4D1F1F rgb (77,31,31) #4D1F1F #411A1A rgb (65,26,26) #411A1A #371616 rgb (55,22,22) #371616 #2F1313 rgb (47,19,19) #2F1313 #281010 rgb (40,16,16) #281010

Tony #CC5050

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

#C45555 rgb (196,85,85) #C45555 #BD5959 rgb (189,89,89) #BD5959 #B75D5D rgb (183,93,93) #B75D5D #B26161 rgb (178,97,97) #B26161 #AD6464 rgb (173,100,100) #AD6464 #A96767 rgb (169,103,103) #A96767 #A56A6A rgb (165,106,106) #A56A6A #A16C6C rgb (161,108,108) #A16C6C #9E6E6E rgb (158,110,110) #9E6E6E #9B7070 rgb (155,112,112) #9B7070

Alternatywy dla #CC5050

---

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

#CC1450 rgb (204,20,80) #CC1450 #CC2850 rgb (204,40,80) #CC2850 #CC3C50 rgb (204,60,80) #CC3C50 #CC6450 rgb (204,100,80) #CC6450 #CC7850 rgb (204,120,80) #CC7850 #CC8C50 rgb (204,140,80) #CC8C50

Szybkie użycie #CC5050

---

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

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

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

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

Schematy kolorów z #CC5050

---

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: 61% ma nasycenie #CC5050. Dodanie 61% + 10% = 71% nasycenia dla naszego nowego koloru #A63030. Zmniejszenie 61% - 10% = nasycenie 51% dla innego koloru monochromatycznego #F27777. #f27777 rgb (242,119,119) #f27777 51% nasycenie #f25353 rgb (140,83,83) #f25353 41% nasycenie #a63030 rgb (166,48,48) #a63030 71% nasycenie #8c1b1b rgb (140,27,27) #8c1b1b 81% 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 #CC8E50 rgb (204,142,80) #CC8E50 30o #CC5050 rgb (204,80,80) #CC5050 0o #CC508E rgb (204,80,142) #CC508E 330o

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: #CC5050 ma kąt 0o. Dodanie 0o + 180o = 180oo dla naszego nowego koloru uzupełniającego #50CCCC. #CC5050 rgb (204,80,80) #CC5050 0o #50CCCC rgb (80,204,204) #50CCCC 180o

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: #CC5050 ma kąt 0o. Dodanie 0o + 180o+30o = 210o dla naszego pierwszego koloru uzupełniającego #508ECC. Zmniejszenie 0o + 180o-30o = 150o dla drugiego koloru uzupełniającego #50CC8E. #50CC8E rgb (80,204,142) #50CC8E 150o #CC5050 rgb (204,80,80) #CC5050 0o #508ECC rgb (80,142,204) #508ECC 210o

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. #50CC50 rgb (80,204,80) #50CC50 120o #CC5050 rgb (204,80,80) #CC5050 0o #5050CC rgb (80,80,204) #5050CC 240o

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. #50CC50 rgb (80,204,80) #50CC50 120o #CC5050 rgb (204,80,80) #CC5050 0o #50CCCC rgb (80,204,204) #50CCCC 180o #CC50CC rgb (204,80,204) #CC50CC 300o