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

#33AE60

W przestrzeni kolorów RGB hex #33AE60 składa się z 20% red, 68% green i 38% blue. Kod koloru RGB składa się z szesnastkowego 33 red (51/255), AE green (174/255) i 60 blue (96/255). Dziesiętny kod koloru RGB to rgb(51,174,96) W przestrzeni kolorów CMYK składa się z 71% cyan, 0% magenta, 45% yellow i 32% black. Ma kąt barwy 141.95o stopni, nasycenie 55% i lekkość 44%. Najbliższy bezpieczny kolor to: #339966 rgb (51, 153, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #33AE60 ma wartości RGB R:51, G:174, B:96 i wartości CMYK C:71, M:0, Y:45, K:32. Jego wartość dziesiętna to 3386976. Kod binarny to 1100111010111001100000
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 33AE60  #33AE60 RGB dziesiętny 51, 174, 96  rgb(51, 174, 96) RGB % 20, 68, 38  rgb(20%, 68%, 38%) RGB Adobe 106, 172, 101 CMYK % 71, 0, 45, 32  71%, 0%, 45%, 32% HSL 141.95o, 55, 44  hsl(141.95o, 55%, 44%) HSV (HSB) 142o, 71%, 68%  hsv(142o, 71%, 68%)

Web Safe kolor #339966 rgb (51, 153, 102) XYZ 18.613, 31.82 16.227 xyY 0.28, 0.48, 31.82 Hunter-Lab 56.41, -37.39, 20.1 CMY 80%, 32%, 62% Lab 63.17, -48.18, 29.85 Binarna kolor 33 AE 60 110011 10101110 1100000

Odcienie i odcienie #33AE60

---

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

Zmiana koloru odcienia #33AE60

#52BA78 rgb (82,186,120) #52BA78 #6CC48C rgb (108,196,140) #6CC48C #82CD9D rgb (130,205,157) #82CD9D #95D5AC rgb (149,213,172) #95D5AC #A5DBB8 rgb (165,219,184) #A5DBB8 #B3E0C3 rgb (179,224,195) #B3E0C3 #BEE5CC rgb (190,229,204) #BEE5CC #C8E9D4 rgb (200,233,212) #C8E9D4 #D0ECDA rgb (208,236,218) #D0ECDA #D7EFE0 rgb (215,239,224) #D7EFE0

Zmienność koloru odcienia

#2B9452 rgb (43,148,82) #2B9452 #257E46 rgb (37,126,70) #257E46 #1F6B3C rgb (31,107,60) #1F6B3C #1A5B33 rgb (26,91,51) #1A5B33 #164D2B rgb (22,77,43) #164D2B #134125 rgb (19,65,37) #134125 #10371F rgb (16,55,31) #10371F #0E2F1A rgb (14,47,26) #0E2F1A #0C2816 rgb (12,40,22) #0C2816 #0A2213 rgb (10,34,19) #0A2213

Tony #33AE60

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

#3BA963 rgb (59,169,99) #3BA963 #42A566 rgb (66,165,102) #42A566 #48A169 rgb (72,161,105) #48A169 #4E9E6B rgb (78,158,107) #4E9E6B #539B6D rgb (83,155,109) #539B6D #58986F rgb (88,152,111) #58986F #5C9671 rgb (92,150,113) #5C9671 #609473 rgb (96,148,115) #609473 #639274 rgb (99,146,116) #639274 #669075 rgb (102,144,117) #669075

Alternatywy dla #33AE60

---

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

#337260 rgb (51,114,96) #337260 #338660 rgb (51,134,96) #338660 #339A60 rgb (51,154,96) #339A60 #33C260 rgb (51,194,96) #33C260 #33D660 rgb (51,214,96) #33D660 #33EA60 rgb (51,234,96) #33EA60

Szybkie użycie #33AE60

---

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

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

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

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

Schematy kolorów z #33AE60

---

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: 71% ma nasycenie #33AE60. Dodanie 71% + 10% = 81% nasycenia dla naszego nowego koloru #1A8742. Zmniejszenie 71% - 10% = nasycenie 61% dla innego koloru monochromatycznego #53D482. #53d482 rgb (83,212,130) #53d482 61% nasycenie #536e4a rgb (54,110,74) #536e4a 51% nasycenie #1a8742 rgb (26,135,66) #1a8742 81% nasycenie #0a6e2e rgb (10,110,46) #0a6e2e 91% 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 #32AD9D rgb (50,173,157) #32AD9D 172o #33AE60 rgb (51,174,96) #33AE60 142o #43AD32 rgb (67,173,50) #43AD32 112o

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: #33AE60 ma kąt 142o. Dodanie 142o + 180o = 322oo dla naszego nowego koloru uzupełniającego #AD3280. #33AE60 rgb (51,174,96) #33AE60 142o #AD3280 rgb (173,50,128) #AD3280 322o

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: #33AE60 ma kąt 142o. Dodanie 142o + 180o+30o = 352o dla naszego pierwszego koloru uzupełniającego #AD3243. Zmniejszenie 142o + 180o-30o = 292o dla drugiego koloru uzupełniającego #9D32AD. #9D32AD rgb (157,50,173) #9D32AD 292o #33AE60 rgb (51,174,96) #33AE60 142o #AD3243 rgb (173,50,67) #AD3243 352o

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. #5F32AD rgb (95,50,173) #5F32AD 262o #33AE60 rgb (51,174,96) #33AE60 142o #AD5F32 rgb (173,95,50) #AD5F32 22o

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. #5F32AD rgb (95,50,173) #5F32AD 262o #33AE60 rgb (51,174,96) #33AE60 142o #AD3280 rgb (173,50,128) #AD3280 322o #80AD32 rgb (128,173,50) #80AD32 82o