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

#3FAF50

W przestrzeni kolorów RGB hex #3FAF50 składa się z 25% red, 69% green i 31% blue. Kod koloru RGB składa się z szesnastkowego 3F red (63/255), AF green (175/255) i 50 blue (80/255). Dziesiętny kod koloru RGB to rgb(63,175,80) W przestrzeni kolorów CMYK składa się z 64% cyan, 0% magenta, 54% yellow i 31% black. Ma kąt barwy 129.11o stopni, nasycenie 47% i lekkość 47%. Najbliższy bezpieczny kolor to: #339966 rgb (51, 153, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #3FAF50 ma wartości RGB R:63, G:175, B:80 i wartości CMYK C:64, M:0, Y:54, K:31. Jego wartość dziesiętna to 4173648. Kod binarny to 1111111010111101010000
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 3FAF50  #3FAF50 RGB dziesiętny 63, 175, 80  rgb(63, 175, 80) RGB % 25, 69, 31  rgb(25%, 69%, 31%) RGB Adobe 110, 173, 87 CMYK % 64, 0, 54, 31  64%, 0%, 54%, 31% HSL 129.11o, 47, 47  hsl(129.11o, 47%, 47%) HSV (HSB) 129o, 64%, 69%  hsv(129o, 64%, 69%)

Web Safe kolor #339966 rgb (51, 153, 102) XYZ 18.828, 32.296 12.831 xyY 0.29, 0.5, 32.3 Hunter-Lab 56.83, -37.87, 24.2 CMY 75%, 31%, 69% Lab 63.61, -48.05, 38.42 Binarna kolor 3F AF 50 111111 10101111 1010000

Odcienie i odcienie #3FAF50

---

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

Zmiana koloru odcienia #3FAF50

#5CBB6A rgb (92,187,106) #5CBB6A #74C580 rgb (116,197,128) #74C580 #89CE93 rgb (137,206,147) #89CE93 #9BD5A3 rgb (155,213,163) #9BD5A3 #AADBB1 rgb (170,219,177) #AADBB1 #B7E0BD rgb (183,224,189) #B7E0BD #C2E5C7 rgb (194,229,199) #C2E5C7 #CBE9CF rgb (203,233,207) #CBE9CF #D3ECD6 rgb (211,236,214) #D3ECD6 #DAEFDC rgb (218,239,220) #DAEFDC

Zmienność koloru odcienia

#369544 rgb (54,149,68) #369544 #2E7F3A rgb (46,127,58) #2E7F3A #276C31 rgb (39,108,49) #276C31 #215C2A rgb (33,92,42) #215C2A #1C4E24 rgb (28,78,36) #1C4E24 #18421F rgb (24,66,31) #18421F #14381A rgb (20,56,26) #14381A #113016 rgb (17,48,22) #113016 #0E2913 rgb (14,41,19) #0E2913 #0C2310 rgb (12,35,16) #0C2310

Tony #3FAF50

Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #46AA55 jest mniej nasyconym kolorem, a #6A9170 jest najbardziej nasyconym.

#46AA55 rgb (70,170,85) #46AA55 #4CA659 rgb (76,166,89) #4CA659 #51A25D rgb (81,162,93) #51A25D #569F61 rgb (86,159,97) #569F61 #5A9C64 rgb (90,156,100) #5A9C64 #5E9967 rgb (94,153,103) #5E9967 #61976A rgb (97,151,106) #61976A #64956C rgb (100,149,108) #64956C #67936E rgb (103,147,110) #67936E #6A9170 rgb (106,145,112) #6A9170

Alternatywy dla #3FAF50

---

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

#3F7350 rgb (63,115,80) #3F7350 #3F8750 rgb (63,135,80) #3F8750 #3F9B50 rgb (63,155,80) #3F9B50 #3FC350 rgb (63,195,80) #3FC350 #3FD750 rgb (63,215,80) #3FD750 #3FEB50 rgb (63,235,80) #3FEB50

Szybkie użycie #3FAF50

---

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

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

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

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

Schematy kolorów z #3FAF50

---

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: 64% ma nasycenie #3FAF50. Dodanie 64% + 10% = 74% nasycenia dla naszego nowego koloru #248A33. Zmniejszenie 64% - 10% = nasycenie 54% dla innego koloru monochromatycznego #63D674. #63d674 rgb (99,214,116) #63d674 54% nasycenie #637046 rgb (63,112,70) #637046 44% nasycenie #248a33 rgb (36,138,51) #248a33 74% nasycenie #127020 rgb (18,112,32) #127020 84% 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 #3FB089 rgb (63,176,137) #3FB089 159o #3FAF50 rgb (63,175,80) #3FAF50 129o #67B03F rgb (103,176,63) #67B03F 99o

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: #3FAF50 ma kąt 129o. Dodanie 129o + 180o = 309oo dla naszego nowego koloru uzupełniającego #B03F9F. #3FAF50 rgb (63,175,80) #3FAF50 129o #B03F9F rgb (176,63,159) #B03F9F 309o

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: #3FAF50 ma kąt 129o. Dodanie 129o + 180o+30o = 339o dla naszego pierwszego koloru uzupełniającego #B03F67. Zmniejszenie 129o + 180o-30o = 279o dla drugiego koloru uzupełniającego #893FB0. #893FB0 rgb (137,63,176) #893FB0 279o #3FAF50 rgb (63,175,80) #3FAF50 129o #B03F67 rgb (176,63,103) #B03F67 339o

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. #503FB0 rgb (80,63,176) #503FB0 249o #3FAF50 rgb (63,175,80) #3FAF50 129o #B0503F rgb (176,80,63) #B0503F 9o

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. #503FB0 rgb (80,63,176) #503FB0 249o #3FAF50 rgb (63,175,80) #3FAF50 129o #B03F9F rgb (176,63,159) #B03F9F 309o #9FB03F rgb (159,176,63) #9FB03F 69o