• 💂 个人网站:【工具大全】【游戏大全】【神级源码资源网】
• 🤟 前端学习课程：👉【28个案例趣学前端】【400个JS面试题】
• 💅 寻找学习交流、摸鱼划水的小伙伴，请点击【摸鱼学习交流群】

今天给大家分享20+在线工具网站和 60个常用在线工具+前端工具

欢迎大家访问：https://tools.haiyong.site/

在线工具网站

• RegExr: https://regexr.com/

  正则表达式在线测试工具。

• 在线编译工具：https://ide.judge0.com/

  可以在线执行编程语言与 SQL 语句

• rextester：https://rextester.com/

  在线执行 PHP、Python、C、Java 等各种语言代码。

• Ideone：https://ideone.com/

  在线执行 PHP、Python、C、Java 等各种语言代码。

• GDB online Debugger：https://www.onlinegdb.com/

  在线执行 PHP、Python、C、Java 等各种语言代码。

• JSFiddle：https://jsfiddle.net/

  前端代码在线执行工具。

• CodePen：https://codepen.io/

  前端代码在线执行工具。

• Redis 在线测试：https://try.redis.io/

  Redis 命令在线测试工具

• Paiza：https://paiza.io

  在线编译工具，包含Python、Java、MySQL 等。

• Learn Git Branching：https://learngitbranching.js.org/

  Git 学习命令，可以动画演示命令执行过程

• JS Bin：https://jsbin.com/?html,output

  前端代码在线执行工具。

• 正则表达式可视化工具：https://tools.haiyong.site/front-end/7625

  将正则表达式转化成可视化图片

• 代码转图片工具：https://carbon.now.sh/

  代码转为图片，代码美化

• 算法可视化学习：https://visualgo.net/zh

  各种算法可视化，让算法更直观，学起来不那么枯燥。

• codelf：https://unbug.github.io/codelf/

  变量命名神器

• Desmos：https://www.desmos.com/calculator?lang=zh-CN

  免费的在线函数图形计算器

• SQL OnLine IDE：https://sqliteonline.com/

  SQL 在线执行测试工具，支持 SQLite、Oracle、MariaDB等各种数据。

• regex101：https://regex101.com/

  正则表达式在线测试学习工具

• Codex：https://platform.openai.com/codex-javascript-sandbox

  AI 代码生成，通过输入需求生成对应各种语言的代码

常用工具

• 中国日历：https://tools.haiyong.site/front-end/5672/
• 今天吃什么？：https://haiyong.site/tools/chi/
• 头像加圣诞帽：https://haiyong.site/tools/sdm/
• 烟花模拟器：https://haiyong.site/tools/yanhua/
• 狗屁不通文章生成器：https://haiyong.site/tools/goupibutong.html
• 网址批量打开：https://tools.haiyong.site/openurl/
• 身价计算器：https://tools.haiyong.site/shenjiajisuanqi/
• 自定义骰子：https://haiyong.site/tools/dice.html
• win 12网页版：https://haiyong.site/win12/
• 搜索引擎提交入口：https://sousuotijiao.haiyong.site/
• 在线2、8、10、16进制转换器：https://tools.haiyong.site/front-end/58/
• 随机密码生成器：https://tools.haiyong.site/front-end/686/
• 在线二维码生成器：https://tools.haiyong.site/front-end/3454/
• 在线汉字转拼音：https://tools.haiyong.site/front-end/5523/
• 长度单位换算工具：https://tools.haiyong.site/front-end/5575/
• 自定义大转盘：https://haiyong.site/tools/spin-the-wheel.html
• 代码素描：https://haiyong.site/tools/daimasumiao.html
• 签名生成器：https://haiyong.site/tools/qianming/
• 在线字数统计工具：https://tools.haiyong.site/front-end/5580/
• 在线繁体字转换器：https://tools.haiyong.site/front-end/5579/
• 随机数生成器：https://tools.haiyong.site/front-end/6680/
• 在线涂鸦画板：https://tools.haiyong.site/front-end/6900/
• 在线计算器：https://tools.haiyong.site/front-end/6904/
• pdf 转图片(jpg,png)：https://tools.haiyong.site/front-end/7271/
• 图片转PDF：https://tools.haiyong.site/front-end/7574/
• 在线文本比对工具：https://tools.haiyong.site/front-end/8006/

前端工具

• 图片加水印：https://tools.haiyong.site/front-end/6502/
• 图片取色器/拾色器：https://tools.haiyong.site/front-end/6214/
• 正则表达式可视化工具：https://tools.haiyong.site/front-end/7625/
• HTML 表格生成器：https://tools.haiyong.site/front-end/7688/
• HTML 压缩/解压工具：https://tools.haiyong.site/front-end/47/
• JS 压缩/解压工具：https://tools.haiyong.site/front-end/51/
• CSS 压缩/解压工具：https://tools.haiyong.site/front-end/52/
• HTML 编码/解码：https://tools.haiyong.site/front-end/691/
• Base64 编码/解码：https://tools.haiyong.site/front-end/693/
• URL 编码/解码：https://tools.haiyong.site/front-end/695/
• XML、JSON 在线转换：https://tools.haiyong.site/front-end/708/
• 在线 XML 格式化压缩工具：https://tools.haiyong.site/front-end/710/
• Markdown 在线编辑器：https://tools.haiyong.site/front-end/712/
• HTML 转 JavaScript 在线工具：https://tools.haiyong.site/front-end/846/
• 正则表达式在线测试：https://tools.haiyong.site/front-end/854/
• RGB HSV 转换：https://tools.haiyong.site/front-end/868/
• RGB CMYK 转换工具：https://tools.haiyong.site/front-end/870/
• HEX CMYK 转换工具：https://tools.haiyong.site/front-end/873/
• HEX HSV 转换工具：https://tools.haiyong.site/front-end/875/
• HSV CMYK 转换工具：https://tools.haiyong.site/front-end/877/
• 在线 Unicode 编码转换：https://tools.haiyong.site/front-end/3602/
• 取色器：https://tools.haiyong.site/front-end/6210/
• JavaScript 混淆/加密：https://tools.haiyong.site/front-end/6939/
• 在线 JSON 解析：https://tools.haiyong.site/front-end/7438/
• JSON 转义/去除转义：https://tools.haiyong.site/front-end/7683/
• CSS 按钮生成器：https://tools.haiyong.site/front-end/6222/
• PNG/JPEG 图片压缩：https://tools.haiyong.site/front-end/6232/
• RGB HEX 互转工具：https://tools.haiyong.site/front-end/55/
• MD5 加密工具：https://tools.haiyong.site/front-end/703/
• SHA 加密工具：https://tools.haiyong.site/front-end/706/
• UNIX 时间戳转换：https://tools.haiyong.site/front-end/852/
• ASCII 表：https://tools.haiyong.site/front-end/6318/
• 调色板：https://tools.haiyong.site/front-end/6327/
• 颜色选择器：https://tools.haiyong.site/front-end/6656/