✅🎡个人主页：程序猿追

✅🎡系列专栏：【日常学习上的分享】

✅🎡目前状态：创建Java学习之路（零基础到就业实战）系列，目前更新到JAVAWEB开发

✅🎡作者简介：大家好，我是程序猿追，全栈领域新星创作者，算法爱好者，常在作者周榜排名前30，某不知名的 ACMer

✅🎡个人名言：不积跬步无以至千里，趁年轻，使劲拼，给未来的自己一个交代！

哈喽~大家好呀，这篇文作为一个分享文，分享本人在平时学编程是遇到的那些好用并且“奇奇怪怪”的网站，像比如学算法的时候什么网站效率高，什么网站通俗易懂，学前端的时候，什么网站效果很炫酷，学人工智能的时候，什么网站方便简洁，找工作刷题。什么网站更好等等。下面我们就来看看吧。

🎉一、菜鸟教程

🎉二、C语言中文网

🎉三、牛客网

🎉四、力扣

🎉五、ACwing

🎡六、数据结构与算法动态图

🎡七、 Java学习网站

🎡八、配色网站

🎡九、渐变颜色

🎡十、在线调节阴影块

🎀十一、RGB颜色值与十六进制颜色码转换工具

🎀十二、HTML颜色代码

🎀十三、网站快速成型工具

🎀十四、取变量名

🎀十五、阿里巴巴矢量图网

🎁十六、音乐人声分离

🎁十七、图片找番剧

🎁十八、台词找电影

🎁十九、照片上色

🎁二十、图标素材库

🎆二十一、Gitee 与 GitHub

🎆二十二、Codepen

🎆二十三、CSS 动画缓动函数预览及生成

🎆二十四、Animista——前端炫酷样式技能效果

🎆二十五、抠图神器

相信大家在大学期间第一门语言大多数是 C 语言吧？作为一个科班的大学生，老师上课大多数对着 ppt 念，大多数都没意思，下面推荐几个网站，让你 “C” 到飞起

一、菜鸟教程

C 语言教程 | 菜鸟教程

一个从环境到语法然后标准库，网站自带编译在线工具，编程示例让你爽到飞起，还有读者记录的笔记与一些细节，推荐质数 90。

学完 C 语言之后，我们可以在黑色的框框实现一些小案例，例如：九九乘法表，杨辉三角等。感觉是不是有点 low ？那么接下来的会让你 C 的案例丰富起来。

二、C语言中文网

C语言中文网：C语言程序设计门户网站(入门教程、编程软件)

作为一个学习网站，它的项目与案例是很优秀的，不光是贪吃蛇还是2048还是一些小案例，它都非常的 nice，推荐质数 91。

学过算法的佬或在学算法的佬相信学的过程挺痛苦的，这玩意对数学要求有点高，如果再是参加了像 ACM 这种比赛的话，那就要求更高了，而下面推荐的会让你算法找回自信，找回当初学算法的快乐（让你肾透支的补起来）

三、牛客网

牛客网-找工作神器|笔试题库|面试经验|实习招聘内推，求职就业一站解决_牛客网

作为一款对刷题面试找工作三不误的网站，可以看看我之前文章对此的介绍，不得不说这网站是真的 very nice，推荐质数 95。

四、力扣

力扣

作为大厂算法的直通车，ACMer 必备的网站，这里是不得不推荐的，与牛客一样刷题面试找工作三不误，里面还有面经以及前人的一些经验，秋招快来了，大家想找工作的可以在上面看一看，说不定真能找到，推荐质数 95。

五、ACwing

AcWing

由北京大学学长自创的人称“外号”——y总，里面像算法基础课，算法提高课，web，springboot等课程是真的强，每日一题模块让你每天都有题刷，并且做完之后还有直播讲解，里面的算法题解也写的很不错，推荐质数 96。

六、数据结构与算法动态图

数据结构和算法动态可视化 (Chinese) - VisuAlgo

用动态图像显示算法执行过程，一行代码一个准，里面对链表，堆，树，图的图形化都非常的友好，推荐质数 90。

七、 Java学习网站

How2J 的 Java教程

非常适合JAVA新手的自学网站，内容循序渐进，知识点层次分明，更有清晰的JAVA最新学习路线。

网站分为一个个小的学习模块，有视频教学，还有题目和答案，让你动手边学边做。

还有贯穿整个JAVA知识点的练手项目，项目中会用到最新常用的框架（比如：Spring、Spring MVC、Mybatis、Spring Boot、SSM等），推荐质数 93。

八、配色网站

颜色搭配图片集-颜色搭配高清图片素材-设计灵感-大作

我们做页面配色时，总感觉颜色都差不多，可感觉与自己料想的很不一样呢？同样是几个数字，但颜色确实不同，里面有着相近色与混合配，这七夕快到了，为女朋友准备个口红，却不知到啥色号的？也可以看看这网站的色号，推荐质数 91。

九、渐变颜色

Gradihunt: Automated Gradient Generator

如果你对页面喜欢渐变感，那么这个网站我感觉会非常适合你的胃口，里面对渐变颜色的样例是相当的多，而且提供了源码免费复制，用的时候直接 CV 大法，推荐质数 97。

background-image: -moz-linear-gradient(90deg, rgb(255, 184, 241), rgb(193, 179, 255));background-image: -webkit-linear-gradient(90deg, rgb(255, 184, 241), rgb(193, 179, 255));background-image: linear-gradient(90deg, rgb(255, 184, 241), rgb(193, 179, 255));

十、在线调节阴影块

Smooth Shadow

流畅的滑块让你的操作感直接拉满，视觉的快感直接让你对学习欲罢不能，阴影的效果使代码更颇有一番风味，推荐质数 99。

box-shadow:2.8px 2.8px 2.2px rgba(0, 0, 0, 0.101),6.7px 6.7px 5.3px rgba(0, 0, 0, 0.145),12.5px 12.5px 10px rgba(0, 0, 0, 0.18),22.3px 22.3px 17.9px rgba(0, 0, 0, 0.215),41.8px 41.8px 33.4px rgba(0, 0, 0, 0.259),100px 100px 80px rgba(0, 0, 0, 0.36)