如何在计算机屏幕上模拟灰白色纸张的外观

时间:2009-11-24 01:28:20

标签: html css colors

感谢下面的评论。事后看来,我应该更加详细。我希望编辑后的版本更清晰。

在高级别,我想模仿纸张的外观作为屏幕背景。这是因为我觉得白色(#FFFFF)太亮了。我看了几本我自己的精装书,注意到它们都没有亮白色。 Kindle屏幕背景也不是亮白色。

因此,我想知道在屏幕上模仿灰白纸张外观的最佳方法是什么。我不希望背景太“艳丽”并吸引注意力(我看过模仿手工纸的样本,里面有一些彩色线,我不想那样):它应该就在那里。

单个RGB值是否足够,我是否需要重复色板?如果RGB足够,哪些效果最好?是否有网站/博客讨论过这个问题?

我可以用作背景图像的无缝可重复样本也可以。

我玩了一些色轮来发现RGB值,这是我能做的最好的:rgb(252,245,216)==#FCF5D8,但我想我可以做得更好。您可以通过粘贴RGB值来查看该颜色的外观:http://www.colorschemer.com/online.html

7 个答案:

答案 0 :(得分:4)

纹理也很重要。

答案 1 :(得分:3)

我会用纹理加载身体..

body {
  background-image: url(path-to-texture.png);
  background-color: predominent color of that texture;
}

您可以谷歌搜索“paper texture”并提出数十个

答案 2 :(得分:3)

由于输出设备的颜色差异很大,因此很难做到这一点。在一个屏幕上,一个漂亮的,几乎难以察觉的淡黄色调,可能被视为另一个屏幕上的脏霾。只需将来自不同线路/品牌的任意两个屏幕彼此相邻,您就会明白我的意思。根据具体情况(个人设置/网站/应用程序),您应该向用户开放选项。

如果您正在寻找对眼睛友好的设计,您可能还需要查看前景色。我目前正在构建一个Web应用程序,并采用了一种文本完全是蓝色(0000FF)或深蓝色(0000BF)的样式,并且在黑眼圈上找到的结果更容易。

答案 3 :(得分:1)

我所有的精装书都印在贫铀上。所以它们的正常颜色是rgb(22,44,22)

说真的,这取决于书。这对于初学者来说是旧书还是新书?

再添加一点:

如果您打算使用纸质打印效果,最好使用图像而不是单色,因为纸张并不完美。

答案 4 :(得分:1)

此外,还有白色轮胎上的黑色表示我们的眼睛更快。然而,我大部分时间都只是非常微妙的白色。虽然白色上的黑色是可能的最高对比度,但黄色上的黑色已被证明是最可读的。想法律垫和校车。

以与显示器颜色相同的方式谈论打印页面或点亮的“颜色”是没有意义的,因为这些是反射表面并且仅仅反映照射在它们上面的颜色。纸张“亮度”是指从表面反射多少光。极亮纸可能反射98%或99%的光。

新的css3指南允许hsl颜色。这意味着您可以选择1-2种色调,并调整饱和度和亮度值以获得一致的配色方案。 specs.一旦你有了颜色,尝试一个低坐,高lum为你的背景。更容易重新配置RGB。只是不要问我有关浏览器的兼容性: - )

答案 5 :(得分:1)

以下是一些颜色名称及其十六进制和十进制RGB值。他们中的大多数看起来像旧纸。 “达芬奇的背景”来自一幅带有棕褐色的纸上画作。

  • fcf2d7 = 252,242,215(达芬奇的背景)
  • f4f2e8 = 244,242,232
  • ece9d8 = 236,233,216
  • faf0e6 = 250,240,230
  • ffda95 = 255,218,149
  • f5efdf = 245,239,223
  • antiquewhite = faebd7 = 250,235,215
  • 米色= f5f5dc = 245,245,220
  • blanchedalmond = ffebcd = 255,235,205
  • cornsilk = fff8dc = 255,248,220
  • floralwhite = fffaf0 = 255,250,240
  • lightyellow = ffffe0 = 255,255,224
  • 亚麻= faf0e6 = 250,240,230
  • moccasin = ffe4b5 = 255,228,181
  • navajowhite = ffdead = 255,222,173
  • oldlace = fdf5e6 = 253,245,230
  • papayawhip = ffefd5 = 255,239,213
  • seashell = fff5ee = 255,245,238
  • 小麦= f5deb3 = 245,222,179

答案 6 :(得分:0)

  

这是因为我觉得白色(#FFFFF)太亮了。我看了一眼   我拥有的几本精装书,并注意到它们都没有亮   白色。 Kindle屏幕背景也不是亮白色。

白色的亮度取决于照明的亮度。黑色和白色之间的差异是落在表面上的相对光量。例如,电影屏幕是白色的,但是当投影机亮起时,屏幕上的区域会被照亮而区域不亮,后者我们认为是黑色,而在打开投影机之前它们看起来是白色的。

因此,书中纸张颜色与屏幕上白色之间的差异就是光线量。如果你在书上指出一个更明亮的灯光,它也会显得更亮。

如何降低显示器的亮度?我总是这样做,我不理解那些使他们的程序在灰色或灰色的黑色上变黑的人。这只是降低显示器亮度的一种难点。屏幕上有一个易于访问的按钮,可以完成相同的操作。