DeepL翻译如何设置译文背景色，详细教程与实用技巧

DeepL文章 DeepL文章 2025-12-02 9

目录导读

DeepL翻译背景色设置的重要性
网页版DeepL翻译背景色设置方法
桌面应用版DeepL背景色自定义指南
浏览器扩展中调整译文显示样式
移动端DeepL应用的视觉优化
高级技巧：通过CSS代码深度定制
常见问题解答（FAQ）
优化建议与最佳实践

DeepL翻译背景色设置的重要性

在长时间使用翻译工具时，合适的背景色不仅能减轻视觉疲劳，还能提高阅读效率和翻译准确性，研究表明，适当的背景色对比度可以降低眼睛压力达30%，特别是对于需要处理大量文本的专业用户，DeepL作为目前领先的AI翻译工具，虽然未在官方设置中提供直接的背景色调整选项,但用户可以通过多种方法实现译文背景色的个性化设置。

DeepL翻译如何设置译文背景色，详细教程与实用技巧-第1张图片-Deepl翻译 - Deepl翻译下载【官方网站】

视觉舒适度对于翻译工作尤为重要，合适的背景色可以帮助用户更好地区分原文和译文，特别是在对比分析两种语言时,许多专业译员和语言学习者都通过调整界面颜色来创建更适合自己的工作环境。

网页版DeepL翻译背景色设置方法

DeepL网页版是目前使用最广泛的版本，虽然界面简洁,但用户可以通过浏览器工具实现背景色调整：

使用浏览器开发者工具

打开DeepL翻译网页（www.deepl.com/translator）
右键点击译文区域，选择“检查”或“审查元素”
在开发者工具中找到对应的CSS类（通常是.lmt__target_textarea或.target-d）
在样式面板中添加或修改background-color属性
输入喜欢的颜色代码，如#f5f5f5（浅灰）或#fff8dc（浅黄）

安装浏览器扩展

安装“Stylus”或“Stylebot”等CSS管理扩展
为DeepL网站创建自定义样式规则

添加以下代码示例：

.lmt__target_textarea {
  background-color: #f0f8ff !important;
}

保存设置后刷新DeepL页面即可生效

使用浏览器阅读模式 部分浏览器（如Safari、Edge）的阅读模式可以重新渲染页面，并提供背景色调整选项，虽然功能有限,但适合快速调整。

桌面应用版DeepL背景色自定义指南

DeepL桌面应用程序提供了更稳定的使用体验,但自定义选项同样有限：

Windows系统：

通过系统级设置调整：右键桌面→个性化→颜色→选择“深色”模式
使用第三方窗口管理工具，如“WindowBlinds”可自定义应用程序外观
修改系统高对比度主题，间接影响DeepL界面颜色

macOS系统：

启用系统深色模式：系统偏好设置→通用→外观→选择“深色”
使用“TinkerTool”等工具调整应用程序特定设置
通过辅助功能中的“显示”选项调整对比度

专业提示： 深色背景（如#1e1e1e）配合浅色文字（如#f0f0f0）的组合被证明能有效减少蓝光暴露,适合夜间翻译工作。

浏览器扩展中调整译文显示样式

DeepL官方浏览器扩展和第三方翻译扩展通常提供更多显示选项：

DeepL官方扩展：

点击浏览器工具栏中的DeepL图标
选择“扩展选项”或“设置”
查找“界面”或“显示”相关设置
部分版本提供“主题”选择，可在浅色/深色间切换

第三方翻译扩展（如“翻译侠”、“ImTranslator”）：

通常提供更丰富的自定义选项
可在设置中找到“译文背景色”、“文本框颜色”等选项
支持实时预览更改效果

实用技巧： 将译文背景色设置为与原文明显不同的颜色（如原文白底黑字，译文浅蓝底黑字）,可以大幅提高双语对照效率。

移动端DeepL应用的视觉优化

DeepL移动应用目前不直接支持背景色调整,但可通过以下方法改善：

iOS系统：

启用智能反转颜色：设置→辅助功能→显示与文字大小→智能反转
使用颜色滤镜：设置→辅助功能→显示与文字大小→颜色滤镜→启用
调整白点值降低屏幕亮度对眼睛的刺激

Android系统：

启用深色主题：设置→显示→主题→深色
使用“夜间模式”或“蓝光滤镜”功能
安装第三方屏幕滤镜应用，全局调整显示色调

跨平台技巧： 无论使用哪个平台，保持译文区域背景色柔和、低饱和度（如浅灰、米黄）都能有效减少视觉疲劳。

高级技巧：通过CSS代码深度定制

对于技术用户,通过自定义CSS可以完全控制DeepL的显示效果：

完整样式示例：

/* 调整DeepL翻译界面主区域 */
.lmt__target_textarea {
    background-color: #f9f9f9 !important;
    color: #333333 !important;
    border-left: 3px solid #4a8cff !important;
    padding: 15px !important;
    line-height: 1.6 !important;
}
/* 调整译文文本选中状态 */
.lmt__target_textarea::selection {
    background-color: #b3d4fc !important;
}
/* 调整界面整体主题 */
.lmt__app {
    --background-color-primary: #ffffff !important;
    --background-color-secondary: #f5f7fa !important;
}
/* 针对深色模式用户 */
@media (prefers-color-scheme: dark) {
    .lmt__target_textarea {
        background-color: #2d3748 !important;
        color: #e2e8f0 !important;
    }
}

应用方法：