“手机预览后黑色变成灰色，红色也变色”,可能是手机屏幕的问题,

如你给手机贴了防窥膜,比如,你设置了手机屏幕的色温,护眼模式等等.

格式乱了说明预览的时候代码编译失败导致样式错乱,

建议重启开发者工具/电脑再试一次.