微信小程序的可用颜色包括以下几种:

  1. 系统默认色:
  • 暗黑模式:#000000(黑色)和#FFFFFF(白色)。

  • 浅色模式:#FFFFFF(白色)和#000000(黑色),这是基于系统设置的浅色主题。

  1. 微信官方色:
  • 微信官方色是#1AAD19,代表绿色。
  1. 主题色:
  • 微信小程序支持自定义主题色,但需注意,自定义的主题色必须符合CSS颜色值规范,并且不能使用透明色。
  1. 可交互的颜色:
  • 按钮的默认状态颜色为#FFFFFF。

  • 鼠标悬停状态下的按钮颜色为#1AAD19。

  • 输入框的默认状态文字颜色为#000000,选中状态文字颜色为#FFFFFF。

  • 选项卡的默认状态颜色为#FFFFFF,选中状态颜色为#1AAD19。

  • 开关按钮的默认状态颜色为#FFFFFF,选中状态颜色为#1AAD19。

  • 滑块组件的滑块默认颜色为#FFFFFF,滑块选中颜色为#1AAD19。

  • 选择器的默认状态图标颜色为#FFFFFF,选择器选中图标颜色为#1AAD19。

  • 轻触激活状态图标颜色为#FFFFFF,轻触激活状态文字颜色为#000000。

  • 输入框的文字颜色分为两种情况:普通输入框文字颜色为#000000,密码输入框文字颜色为#FFFFFF。

  • 文本框的默认文字颜色为#000000,选中文字颜色为#FFFFFF。

  • 选项卡按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。

  • 开关按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。

  • 滑块组件的滑块默认颜色为#FFFFFF,滑块选中颜色为#1AAD19。

  • 选择器的默认图标颜色为#FFFFFF,选择器选中图标颜色为#1AAD19。

  • 轻触激活状态图标颜色为#FFFFFF,轻触激活状态文字颜色为#000000。

  • 输入框的文字颜色分为两种情况:普通输入框文字颜色为#000000,密码输入框文字颜色为#FFFFFF。

  • 文本框的默认文字颜色为#000000,选中文字颜色为#FFFFFF。

  • 选项卡按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。

  • 开关按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。

  • 滑块组件的滑块默认颜色为#FFFFFF,滑块选中颜色为#1AAD19。

  • 选择器的默认图标颜色为#FFFFFF,选择器选中图标颜色为#1AAD19。

  • 轻触激活状态图标颜色为#FFFFFF,轻触激活状态文字颜色为#000000。

  • 输入框的文字颜色分为两种情况:普通输入框文字颜色为#000000,密码输入框文字颜色为#FFFFFF。

  • 文本框的默认文字颜色为#000000,选中文字颜色为#FFFFFF。

  • 选项卡按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。

  • 开关按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。

  • 滑块组件的滑块默认颜色为#FFFFFF,滑块选中颜色为#1AAD19。

  • 选择器的默认图标颜色为#FFFFFF,选择器选中图标颜色为#1AAD19。

  • 轻触激活状态图标颜色为#FFFFFF,轻触激活状态文字颜色为#000000。

  • 输入框的文字颜色分为两种情况:普通输入框文字颜色为#000000,密码输入框文字颜色为#FFFFFF。

  • 文本框的默认文字颜色为#000000,选中文字颜色为#FFFFFF。

  • 选项卡按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。

  • 开关按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。

  • 滑块组件的滑块默认颜色为#FFFFFF,滑块选中颜色为#1AAD19。

  • 选择器的默认图标颜色为#FFFFFF,选择器选中图标颜色为#1AAD19。

  • 轻触激活状态图标颜色为#FFFFFF,轻触激活状态文字颜色为#000000。

  • 输入框的文字颜色分为两种情况:普通输入框文字颜色为#000000,密码输入框文字颜色为#FFFFFF。

  • 文本框的默认文字颜色为#000000,选中文字颜色为#FFFFFF。

  • 选项卡按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。

  • 开关按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。

  • 滑块组件的滑块默认颜色为#FFFFFF,滑块选中颜色为#1AAD19。

  • 选择器的默认图标颜色为#FFFFFF,选择器选中图标颜色为#1AAD19。

  • 轻触激活状态图标颜色为#FFFFFF,轻触激活状态文字颜色为#000000。

  1. 其他辅助色:
  • #FF0000(红色)

  • #00FF00(绿色)

  • #0000FF(蓝色)

  • #FFFF00(黄色)

  • #FF00FF(紫色)

  • #C0C0C0(灰色)

请注意,这些颜色并非全部直接用于小程序开发,而是作为参考或用于特定效果。在实际应用中,开发者应结合小程序的设计规范和用户习惯来选择合适的颜色。