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

#33FF99

W przestrzeni kolorów RGB hex #33FF99 składa się z 20% red, 100% green i 60% blue. Kod koloru RGB składa się z szesnastkowego 33 red (51/255), FF green (255/255) i 99 blue (153/255). Dziesiętny kod koloru RGB to rgb(51,255,153) W przestrzeni kolorów CMYK składa się z 80% cyan, 0% magenta, 40% yellow i 0% black. Ma kąt barwy 150o stopni, nasycenie 100% i lekkość 60%. Najbliższy bezpieczny kolor to: #33ff99 rgb (51, 255, 153).

Konwersja kolorów

---

Przelicz kolor

---

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

Hex kolor 33FF99  #33FF99 RGB dziesiętny 51, 255, 153  rgb(51, 255, 153) RGB % 20, 100, 60  rgb(20%, 100%, 60%) RGB Adobe 149, 255, 158 CMYK % 80, 0, 40, 0  80%, 0%, 40%, 0% HSL 150o, 100, 60  hsl(150o, 100%, 60%) HSV (HSB) 150o, 80%, 100%  hsv(150o, 80%, 100%)

Web Safe kolor #33ff99 rgb (51, 255, 153) XYZ 42.875, 74.524 42.262 xyY 0.27, 0.47, 74.52 Hunter-Lab 86.33, -58.73, 27.73 CMY 80%, 0%, 40% Lab 89.09, -66.56, 34.58 Binarna kolor 33 FF 99 110011 11111111 10011001

Odcienie i odcienie #33FF99

---

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

Zmiana koloru odcienia #33FF99

#52FFA8 rgb (82,255,168) #52FFA8 #6CFFB5 rgb (108,255,181) #6CFFB5 #82FFC0 rgb (130,255,192) #82FFC0 #95FFC9 rgb (149,255,201) #95FFC9 #A5FFD1 rgb (165,255,209) #A5FFD1 #B3FFD8 rgb (179,255,216) #B3FFD8 #BEFFDE rgb (190,255,222) #BEFFDE #C8FFE3 rgb (200,255,227) #C8FFE3 #D0FFE7 rgb (208,255,231) #D0FFE7 #D7FFEB rgb (215,255,235) #D7FFEB

Zmienność koloru odcienia

#2BD982 rgb (43,217,130) #2BD982 #25B86F rgb (37,184,111) #25B86F #1F9C5E rgb (31,156,94) #1F9C5E #1A8550 rgb (26,133,80) #1A8550 #167144 rgb (22,113,68) #167144 #13603A rgb (19,96,58) #13603A #105231 rgb (16,82,49) #105231 #0E462A rgb (14,70,42) #0E462A #0C3C24 rgb (12,60,36) #0C3C24 #0A331F rgb (10,51,31) #0A331F

Tony #33FF99

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

#3BF297 rgb (59,242,151) #3BF297 #42E795 rgb (66,231,149) #42E795 #48DD93 rgb (72,221,147) #48DD93 #4ED491 rgb (78,212,145) #4ED491 #53CC8F rgb (83,204,143) #53CC8F #58C48E rgb (88,196,142) #58C48E #5CBD8D rgb (92,189,141) #5CBD8D #60B78C rgb (96,183,140) #60B78C #63B28B rgb (99,178,139) #63B28B #66AD8A rgb (102,173,138) #66AD8A

Alternatywy dla #33FF99

---

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

#33C399 rgb (51,195,153) #33C399 #33D799 rgb (51,215,153) #33D799 #33EB99 rgb (51,235,153) #33EB99 #47FF99 rgb (71,255,153) #47FF99 #5BFF99 rgb (91,255,153) #5BFF99 #6FFF99 rgb (111,255,153) #6FFF99

Szybkie użycie #33FF99

---

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

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

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

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

Schematy kolorów z #33FF99

---

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: 80% ma nasycenie #33FF99. Dodanie 80% + 10% = 90% nasycenia dla naszego nowego koloru #16D977. Zmniejszenie 80% - 10% = nasycenie 70% dla innego koloru monochromatycznego #4DFFA6. #4dffa6 rgb (77,255,166) #4dffa6 70% nasycenie #4dbf86 rgb (77,191,134) #4dbf86 60% nasycenie #16d977 rgb (22,217,119) #16d977 90% nasycenie #00bf60 rgb (0,191,96) #00bf60 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 #33FFFF rgb (51,255,255) #33FFFF 180o #33FF99 rgb (51,255,153) #33FF99 150o #33FF33 rgb (51,255,51) #33FF33 120o

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: #33FF99 ma kąt 150o. Dodanie 150o + 180o = 330oo dla naszego nowego koloru uzupełniającego #FF3399. #33FF99 rgb (51,255,153) #33FF99 150o #FF3399 rgb (255,51,153) #FF3399 330o

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: #33FF99 ma kąt 150o. Dodanie 150o + 180o+30o = 360o dla naszego pierwszego koloru uzupełniającego #FF3333. Zmniejszenie 150o + 180o-30o = 300o dla drugiego koloru uzupełniającego #FF33FF. #FF33FF rgb (255,51,255) #FF33FF 300o #33FF99 rgb (51,255,153) #33FF99 150o #FF3333 rgb (255,51,51) #FF3333 360o

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. #9933FF rgb (153,51,255) #9933FF 270o #33FF99 rgb (51,255,153) #33FF99 150o #FF9933 rgb (255,153,51) #FF9933 30o

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. #9933FF rgb (153,51,255) #9933FF 270o #33FF99 rgb (51,255,153) #33FF99 150o #FF3399 rgb (255,51,153) #FF3399 330o #99FF33 rgb (153,255,51) #99FF33 90o