diff --git "a/\351\202\223\346\235\260/CSS\347\233\222\345\255\220\346\250\241\345\236\213/dome3.html" "b/\351\202\223\346\235\260/CSS\347\233\222\345\255\220\346\250\241\345\236\213/dome3.html"
new file mode 100644
index 0000000000000000000000000000000000000000..92d4ad20e1db4105a42510d0e0d67e275bd1f2c8
--- /dev/null
+++ "b/\351\202\223\346\235\260/CSS\347\233\222\345\255\220\346\250\241\345\236\213/dome3.html"
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\351\202\223\346\235\260/HSL\357\274\214RGB\351\242\234\350\211\262/HSL.html" "b/\351\202\223\346\235\260/HSL\357\274\214RGB\351\242\234\350\211\262/HSL.html"
new file mode 100644
index 0000000000000000000000000000000000000000..ac40af01c267a80534baa7547ff65bfd9ba29957
--- /dev/null
+++ "b/\351\202\223\346\235\260/HSL\357\274\214RGB\351\242\234\350\211\262/HSL.html"
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ HUE
+ SATURATION
+ LIGHTNESS
+
+
+
+
\ No newline at end of file
diff --git "a/\351\202\223\346\235\260/HSL\357\274\214RGB\351\242\234\350\211\262/RGB.html" "b/\351\202\223\346\235\260/HSL\357\274\214RGB\351\242\234\350\211\262/RGB.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5f4743ea6c37629e3878c7c66660ac8f6962b667
--- /dev/null
+++ "b/\351\202\223\346\235\260/HSL\357\274\214RGB\351\242\234\350\211\262/RGB.html"
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\351\202\223\346\235\260/HSL\357\274\214RGB\351\242\234\350\211\262/dome4.js" "b/\351\202\223\346\235\260/HSL\357\274\214RGB\351\242\234\350\211\262/dome4.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1082cf1f0896a9511523f1c937d4e209404ff3cd
--- /dev/null
+++ "b/\351\202\223\346\235\260/HSL\357\274\214RGB\351\242\234\350\211\262/dome4.js"
@@ -0,0 +1,19 @@
+let divb = document.getElementById("divb");
+let rag1 = document.getElementById("rag1");
+let rag2 = document.getElementById("rag2");
+let rag3 = document.getElementById("rag3");
+divb.onclick=function(event){
+ let diva = document.getElementById("diva");
+ let text = document.getElementById("text");
+ let rg1 = parseInt(rag1.value);
+ let rg2 = parseInt(rag2.value);
+ let rg3 = parseInt(rag3.value);
+ let rgb ="RGB("+rg1+","+rg2+","+rg3+")";
+ diva.style.backgroundColor = rgb;
+ text.value = rgb;
+ if(rg1==255 || rg2 ==255 || rg3==255){
+ text.style.color="black";
+ }else{
+ text.style.color="white";
+ }
+}
\ No newline at end of file
diff --git "a/\351\202\223\346\235\260/HSL\357\274\214RGB\351\242\234\350\211\262/style2.css" "b/\351\202\223\346\235\260/HSL\357\274\214RGB\351\242\234\350\211\262/style2.css"
new file mode 100644
index 0000000000000000000000000000000000000000..860596a23f3c0a1a358ae5a09954347e17c788eb
--- /dev/null
+++ "b/\351\202\223\346\235\260/HSL\357\274\214RGB\351\242\234\350\211\262/style2.css"
@@ -0,0 +1,42 @@
+*{
+ margin: 0;
+ padding: 0;
+}
+body{
+ background-color: darkgrey;
+}
+#diva{
+ position: absolute;
+ top: 50px;
+ left: 200px;
+ width: calc(100% - 400px);
+ height: 300px;
+ background-color:black;
+}
+#divb{
+ margin: 400px 0 0 300px;
+}
+input{
+ margin: 0 0 0 100px;
+}
+am{
+ margin: 0 70px 0 160px;
+ font-size: 20px;
+}
+#am1{
+ color: red;
+}
+#am2{
+ color: green;
+}
+#am3{
+ color: blue;
+}
+#text{
+ margin: 150px 0 0 40% ;
+ border: none;
+ background-color: transparent;
+ font-size: 20px;
+ color: white;
+}
+
diff --git "a/\351\202\223\346\235\260/\345\274\271\346\200\247\347\233\222\345\255\220/dome.html" "b/\351\202\223\346\235\260/\345\274\271\346\200\247\347\233\222\345\255\220/dome.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9e9fccbc9ee6f0cb198b8a853ee19ac5089641ed
--- /dev/null
+++ "b/\351\202\223\346\235\260/\345\274\271\346\200\247\347\233\222\345\255\220/dome.html"
@@ -0,0 +1,134 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/dome5.html" "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/dome5.html"
new file mode 100644
index 0000000000000000000000000000000000000000..62c8c01525c8673d3de1e73b72ea3d09a37d6f01
--- /dev/null
+++ "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/dome5.html"
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/1.JPG" "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/1.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..0bdfe21ad0d985e44c7c3e67cf685354e1c2309d
Binary files /dev/null and "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/1.JPG" differ
diff --git "a/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/10.JPG" "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/10.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..87d70639adeb19b31af6adab0ccf003d4e22e271
Binary files /dev/null and "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/10.JPG" differ
diff --git "a/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/2.JPG" "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/2.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..7a6cc8da56580b20b308b9f639eaad6a3c6b4051
Binary files /dev/null and "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/2.JPG" differ
diff --git "a/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/3.JPG" "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/3.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..322719c67130ccc9900fe4ee070607edd0946e3b
Binary files /dev/null and "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/3.JPG" differ
diff --git "a/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/4.JPG" "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/4.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..bd5af7c71af6378f4508e9447a98fce04a3da5ea
Binary files /dev/null and "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/4.JPG" differ
diff --git "a/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/5.JPG" "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/5.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..c0df57c8bb5bfadd57c3430b755a6b49f0374c69
Binary files /dev/null and "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/5.JPG" differ
diff --git "a/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/6.JPG" "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/6.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..f8e6432de26a8cc15d9235c69550886ea50de56b
Binary files /dev/null and "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/6.JPG" differ
diff --git "a/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/7.JPG" "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/7.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..c82eacc890ef43798287ae060eefbea92da22ea1
Binary files /dev/null and "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/7.JPG" differ
diff --git "a/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/8.JPG" "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/8.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..8276d3c8c630f363c1b4c3a39124eadf0d023d05
Binary files /dev/null and "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/8.JPG" differ
diff --git "a/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/9.JPG" "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/9.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..164f5c9c0d1ccc1d3011be22746923a60b6c13b0
Binary files /dev/null and "b/\351\202\223\346\235\260/\347\200\221\345\270\203\346\265\201\345\233\276\347\211\207/img/9.JPG" differ
diff --git "a/\351\202\223\346\235\260/\347\275\221\346\240\274\345\270\203\345\261\200/dome7.html" "b/\351\202\223\346\235\260/\347\275\221\346\240\274\345\270\203\345\261\200/dome7.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1c5b8ea713a3bb56fa13adfbf71bf524c23f1cf1
--- /dev/null
+++ "b/\351\202\223\346\235\260/\347\275\221\346\240\274\345\270\203\345\261\200/dome7.html"
@@ -0,0 +1,118 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\351\202\223\346\235\260/\347\275\221\346\240\274\345\270\203\345\261\200/dome8.html" "b/\351\202\223\346\235\260/\347\275\221\346\240\274\345\270\203\345\261\200/dome8.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a75aff392d90af121f990b085ea254f04912c462
--- /dev/null
+++ "b/\351\202\223\346\235\260/\347\275\221\346\240\274\345\270\203\345\261\200/dome8.html"
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
\ No newline at end of file