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

#503333

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

Konwersja kolorów

---

Przelicz kolor

---

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

Hex kolor 503333  #503333 RGB dziesiętny 80, 51, 51  rgb(80, 51, 51) RGB % 31, 20, 20  rgb(31%, 20%, 20%) RGB Adobe 75, 54, 54 CMYK % 0, 36, 36, 69  0%, 36%, 36%, 69% HSL 0o, 22, 26  hsl(0o, 22%, 26%) HSV (HSB) 0o, 36%, 31%  hsv(0o, 36%, 31%)

Web Safe kolor #663333 rgb (102, 51, 51) XYZ 5.09, 4.312 3.696 xyY 0.39, 0.33, 4.31 Hunter-Lab 20.77, 8.66, 2.96 CMY 69%, 80%, 80% Lab 24.82, 13.5, 5.66 Binarna kolor 50 33 33 1010000 110011 110011

Odcienie i odcienie #503333

---

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: #100A0A to najciemniejszy kolor, a: #DCD7D7 to najjaśniejszy kolor.

Zmiana koloru odcienia #503333

#6A5252 rgb (106,82,82) #6A5252 #806C6C rgb (128,108,108) #806C6C #938282 rgb (147,130,130) #938282 #A39595 rgb (163,149,149) #A39595 #B1A5A5 rgb (177,165,165) #B1A5A5 #BDB3B3 rgb (189,179,179) #BDB3B3 #C7BEBE rgb (199,190,190) #C7BEBE #CFC8C8 rgb (207,200,200) #CFC8C8 #D6D0D0 rgb (214,208,208) #D6D0D0 #DCD7D7 rgb (220,215,215) #DCD7D7

Zmienność koloru odcienia

#442B2B rgb (68,43,43) #442B2B #3A2525 rgb (58,37,37) #3A2525 #311F1F rgb (49,31,31) #311F1F #2A1A1A rgb (42,26,26) #2A1A1A #241616 rgb (36,22,22) #241616 #1F1313 rgb (31,19,19) #1F1313 #1A1010 rgb (26,16,16) #1A1010 #160E0E rgb (22,14,14) #160E0E #130C0C rgb (19,12,12) #130C0C #100A0A rgb (16,10,10) #100A0A

Tony #503333

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

#553B3B rgb (85,59,59) #553B3B #594242 rgb (89,66,66) #594242 #5D4848 rgb (93,72,72) #5D4848 #614E4E rgb (97,78,78) #614E4E #645353 rgb (100,83,83) #645353 #675858 rgb (103,88,88) #675858 #6A5C5C rgb (106,92,92) #6A5C5C #6C6060 rgb (108,96,96) #6C6060 #6E6363 rgb (110,99,99) #6E6363 #706666 rgb (112,102,102) #706666

Alternatywy dla #503333

---

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

#3C3333 rgb (60,51,51) #3C3333 #500B33 rgb (80,11,51) #500B33 #501F33 rgb (80,31,51) #501F33 #504733 rgb (80,71,51) #504733 #505B33 rgb (80,91,51) #505B33 #506F33 rgb (80,111,51) #506F33

Szybkie użycie #503333

---

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

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

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

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

Schematy kolorów z #503333

---

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: 36% ma nasycenie #503333. Dodanie 36% + 10% = 46% nasycenia dla naszego nowego koloru #291616. Zmniejszenie 36% - 10% = nasycenie 26% dla innego koloru monochromatycznego #755757. #755757 rgb (117,87,87) #755757 26% nasycenie #750d0d rgb (15,13,13) #750d0d 16% nasycenie #291616 rgb (41,22,22) #291616 46% nasycenie #0f0707 rgb (15,7,7) #0f0707 56% 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 #4F4133 rgb (79,65,51) #4F4133 30o #503333 rgb (80,51,51) #503333 0o #4F3341 rgb (79,51,65) #4F3341 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: #503333 ma kąt 0o. Dodanie 0o + 180o = 180oo dla naszego nowego koloru uzupełniającego #334F4F. #503333 rgb (80,51,51) #503333 0o #334F4F rgb (51,79,79) #334F4F 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: #503333 ma kąt 0o. Dodanie 0o + 180o+30o = 210o dla naszego pierwszego koloru uzupełniającego #33414F. Zmniejszenie 0o + 180o-30o = 150o dla drugiego koloru uzupełniającego #334F41. #334F41 rgb (51,79,65) #334F41 150o #503333 rgb (80,51,51) #503333 0o #33414F rgb (51,65,79) #33414F 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. #334F33 rgb (51,79,51) #334F33 120o #503333 rgb (80,51,51) #503333 0o #33334F rgb (51,51,79) #33334F 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. #334F33 rgb (51,79,51) #334F33 120o #503333 rgb (80,51,51) #503333 0o #334F4F rgb (51,79,79) #334F4F 180o #4F334F rgb (79,51,79) #4F334F 300o