DarkMatter in Cyberspace
  • Home
  • Categories
  • Tags
  • Archives

网站配色技术


颜色有多种表示方式,印刷业常用的CMYK方法是4种颜料的组合值表示一种颜色, RGB常用于显示器,用3原色的值表示一种颜色。

HSL是用色调hue,纯度Saturation(也叫饱和度)和亮度lightness组合表示一种颜色, 其中色调是平时所说的颜色; 纯度可以理解为颜料的浓度,最小值是灰色(没有颜料),最大值是最纯净的颜色(比如完全的红色,完全的绿色等); 亮度是明亮程度,最小值是黑色,最大值的白色。

RGB与HSL的相互关系可以在Colour Contrast Check上面通过拖动各个滑块来观察, 这个网站主要用于检查背景色和文字颜色的对比度,用户输入两种颜色的值,它计算出亮度差(brightness difference),色调差(color difference),颜色是否匹配(color compliant),以及是否符合WCAG 2规范等。

亮度差和色调差的具体计算方法可以搜索关键词"calculate color brightness difference".

搜索关键词

  • website color shemes

  • text background contrast calculator

  • 文字 背景 对比

配色理论和实践

  • How to Calculate Color Contrast from RGB Values

  • 网页配色技巧:不同背景下文字颜色搭配

  • 40 Stunning Website Designs with Great Color Schemes

  • 50 Beautiful Color Palettes for Your Next Web Project

配色工具和软件

  • gpick

  • Creating color schemes with Gpick

  • 10 colour contrast checking tools to improve the accessibility of your design

  • Colour Contrast Check;

  • paletton.com



Published

Dec 15, 2014

Last Updated

Dec 15, 2014

Category

Tech

Tags

  • color theme 4
  • website 10

Contact

  • Powered by Pelican. Theme: Elegant by Talha Mansoor