TL

Takina Log

blog.takina.moe

返回文章列表

post

暗色和淡粉到底怎么配才不腻

做个人站时,我更想要安静的粉色,而不是甜到发白的粉色。

我喜欢暗色底,也喜欢淡粉色,但这两种偏好放在一起时,其实很容易做得太黏、太软,或者对比度不够。

我更喜欢这三层关系

  • 背景接近黑紫,但不要纯黑
  • 面板比背景亮一点,层次靠透明度和边框做出来
  • 粉色只负责强调,不负责铺满整个页面

这样做的好处是,粉色会更像光,而不是像一层厚滤镜。

粉色最好搭一个冷色

如果整个页面只有粉色,页面会有点闷。所以我会给它配一个很轻的冷色,通常是偏蓝的高光,用来处理中性的技术元素,比如:

  • 链接
  • 状态条
  • 元信息
  • 终端命令文字

这种冷暖同时存在的感觉,会比单独一种色相更耐看。

代码块也要克制

代码块最好像这样处理:

const palette = {
  background: "#120f15",
  accent: "#ff9ec3",
  accentCool: "#9dcfff",
};

边框要有,背景要更沉一点,但不要让代码块自己成为页面上最吵的地方。