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

#335E63

W przestrzeni kolorów RGB hex #335E63 składa się z 20% red, 37% green i 39% blue. Kod koloru RGB składa się z szesnastkowego 33 red (51/255), 5E green (94/255) i 63 blue (99/255). Dziesiętny kod koloru RGB to rgb(51,94,99) W przestrzeni kolorów CMYK składa się z 48% cyan, 5% magenta, 0% yellow i 61% black. Ma kąt barwy 186.25o stopni, nasycenie 32% i lekkość 29%. Najbliższy bezpieczny kolor to: #336666 rgb (51, 102, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #335E63 ma wartości RGB R:51, G:94, B:99 i wartości CMYK C:48, M:5, Y:0, K:61. Jego wartość dziesiętna to 3366499. Kod binarny to 1100110101111001100011
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 335E63  #335E63 RGB dziesiętny 51, 94, 99  rgb(51, 94, 99) RGB % 20, 37, 39  rgb(20%, 37%, 39%) RGB Adobe 69, 94, 99 CMYK % 48, 5, 0, 61  48%, 5%, 0%, 61% HSL 186.25o, 32, 29  hsl(186.25o, 32%, 29%) HSV (HSB) 186o, 48%, 39%  hsv(186o, 48%, 39%)

Web Safe kolor #336666 rgb (51, 102, 102) XYZ 7.62, 9.61 13.258 xyY 0.25, 0.32, 9.61 Hunter-Lab 31, -8.86, -5.55 CMY 80%, 63%, 61% Lab 36.96, -14.48, -7.8 Binarna kolor 33 5E 63 110011 1011110 1100011

Odcienie i odcienie #335E63

---

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: #0A1313 to najciemniejszy kolor, a: #D7E0E0 to najjaśniejszy kolor.

Zmiana koloru odcienia #335E63

#52767A rgb (82,118,122) #52767A #6C8B8E rgb (108,139,142) #6C8B8E #829C9F rgb (130,156,159) #829C9F #95ABAD rgb (149,171,173) #95ABAD #A5B8B9 rgb (165,184,185) #A5B8B9 #B3C3C4 rgb (179,195,196) #B3C3C4 #BECCCD rgb (190,204,205) #BECCCD #C8D4D5 rgb (200,212,213) #C8D4D5 #D0DADB rgb (208,218,219) #D0DADB #D7E0E0 rgb (215,224,224) #D7E0E0

Zmienność koloru odcienia

#2B5054 rgb (43,80,84) #2B5054 #254447 rgb (37,68,71) #254447 #1F3A3C rgb (31,58,60) #1F3A3C #1A3133 rgb (26,49,51) #1A3133 #162A2B rgb (22,42,43) #162A2B #132425 rgb (19,36,37) #132425 #101F1F rgb (16,31,31) #101F1F #0E1A1A rgb (14,26,26) #0E1A1A #0C1616 rgb (12,22,22) #0C1616 #0A1313 rgb (10,19,19) #0A1313

Tony #335E63

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

#3B6166 rgb (59,97,102) #3B6166 #426469 rgb (66,100,105) #426469 #48676B rgb (72,103,107) #48676B #4E6A6D rgb (78,106,109) #4E6A6D #536C6F rgb (83,108,111) #536C6F #586E71 rgb (88,110,113) #586E71 #5C7073 rgb (92,112,115) #5C7073 #607274 rgb (96,114,116) #607274 #637375 rgb (99,115,117) #637375 #667476 rgb (102,116,118) #667476

Alternatywy dla #335E63

---

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

#332263 rgb (51,34,99) #332263 #333663 rgb (51,54,99) #333663 #334A63 rgb (51,74,99) #334A63 #337263 rgb (51,114,99) #337263 #338663 rgb (51,134,99) #338663 #339A63 rgb (51,154,99) #339A63

Szybkie użycie #335E63

---

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

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

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

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

Schematy kolorów z #335E63

---

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: 48% ma nasycenie #335E63. Dodanie 48% + 10% = 58% nasycenia dla naszego nowego koloru #1A3A3D. Zmniejszenie 48% - 10% = nasycenie 38% dla innego koloru monochromatycznego #55848A. #55848a rgb (85,132,138) #55848a 38% nasycenie #552324 rgb (26,35,36) #552324 28% nasycenie #1a3a3d rgb (26,58,61) #1a3a3d 58% nasycenie #0b2124 rgb (11,33,36) #0b2124 68% 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 #344763 rgb (52,71,99) #344763 216o #335E63 rgb (51,94,99) #335E63 186o #346350 rgb (52,99,80) #346350 156o

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: #335E63 ma kąt 186o. Dodanie 186o + 180o = 6oo dla naszego nowego koloru uzupełniającego #633834. #335E63 rgb (51,94,99) #335E63 186o #633834 rgb (99,56,52) #633834 6o

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: #335E63 ma kąt 186o. Dodanie 186o + 180o+30o = 36o dla naszego pierwszego koloru uzupełniającego #635034. Zmniejszenie 186o + 180o-30o = 336o dla drugiego koloru uzupełniającego #633447. #633447 rgb (99,52,71) #633447 336o #335E63 rgb (51,94,99) #335E63 186o #635034 rgb (99,80,52) #635034 36o

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. #63345F rgb (99,52,95) #63345F 306o #335E63 rgb (51,94,99) #335E63 186o #5F6334 rgb (95,99,52) #5F6334 66o

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. #63345F rgb (99,52,95) #63345F 306o #335E63 rgb (51,94,99) #335E63 186o #633834 rgb (99,56,52) #633834 6o #346338 rgb (52,99,56) #346338 126o