程序員的四種實用工具

作者：dev 2023-09-03 17:03:54

開發開發工具

我最近發現了這四款出色的工具，并將它們添加到了我的清單中。你也一定會喜歡使用這些神奇而實用的工具。

1、生成 RegEx

RegexGPT 是編寫 RegEx 模式的絕佳工具。它真的令人難以置信。試一試，你就知道了。它的工作原理是：給它一個示例文本，輸入預期結果，你也可以稍微解釋一下，這取決于你，然后選擇要生成 RegEx 的語言，點擊生成按鈕。

地址：https://regexgpt.app/

下面舉例說明如何使用它：

輸出

2、生成調色板 - ColPat

地址：https://colpat.itsvg.in/tpg?col1=%23752ed0&col2=%2366d9b8&col3=%23333333&col4=%230b8457&col5=%23d9a8ff。

TailwindCSS 正在流行，對嗎？這里還有一個神奇的工具。它可以幫助創建 TailwindCSS 調色板。眾所周知，為一個項目選擇配色方案并不那么簡單。對其他人來說，這可能不是什么大事，但對我來說，這就是大事??。

只需選擇顏色，然后點擊 "生成 "即可。它將創建一個 TailwindCSS 調色板，你只需點擊一下即可復制。十六進制、RGB和HSL是你可以選擇的三個選項。你可以從色輪中選擇，也可以輸入你自己的顏色。

請看下面的截圖：

以下是上述調色板的示例：

{
  "primary": {
    "50": "#f9f7fd",
    "100": "#f1eafa",
    "200": "#e3d5f6",
    "300": "#cdb4ee",
    "400": "#9b68de",
    "500": "#6b2ac0",
    "600": "#4d1e8a",
    "700": "#381664",
    "800": "#210d3b",
    "900": "#10061d",
    "950": "#090411"
  },
  "secondary": {
    "50": "#f7fdfb",
    "100": "#ebfaf6",
    "200": "#d6f5ec",
    "300": "#b6eddd",
    "400": "#6cdabb",
    "500": "#2fbc94",
    "600": "#22876a",
    "700": "#18624d",
    "800": "#0e392d",
    "900": "#071d16",
    "950": "#04100d"
  },
  "tertiary": {
    "50": "#fafafa",
    "100": "#f2f2f2",
    "200": "#e6e6e6",
    "300": "#d1d1d1",
    "400": "#a3a3a3",
    "500": "#757575",
    "600": "#545454",
    "700": "#3d3d3d",
    "800": "#242424",
    "900": "#121212",
    "950": "#0a0a0a"
  },
  "quaternary": {
    "50": "#f6fefb",
    "100": "#e7fdf5",
    "200": "#d0fbeb",
    "300": "#aaf8dc",
    "400": "#55f1b8",
    "500": "#12d990",
    "600": "#0d9c67",
    "700": "#09714b",
    "800": "#05422c",
    "900": "#032116",
    "950": "#02130d"
  },
  "quinary": {
    "50": "#fbf5ff",
    "100": "#f4e5ff",
    "200": "#e9ccff",
    "300": "#d7a3ff",
    "400": "#af47ff",
    "500": "#8500eb",
    "600": "#5f00a8",
    "700": "#45007a",
    "800": "#280047",
    "900": "#140024",
    "950": "#0c0014"
  }
}