Automatic Color Modification for Web Page Based on Partitional Color Transfer

  • Xiangping Chen
  • Yonghao Long
  • Xiaonan Luo
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 8919)


Designing or modifying the color of a website is a time-consuming and difficult task for most software engineers. The idea of this paper is inspired by the color transfer methods proposed for automatically alter an image’s color during image processing. The color of a web page can be modified by reusing color characteristic of a reference page. However, a web page cannot be simply viewed as an image because it has structure and constraints for color modifying. In this paper, we propose an approach for automatic color modification of web page based on partitional color transfer. Our approach starts from the clustering of visible UI elements for page partition. And then, elements in the source page are color transferred with their matched elements in the reference page. Our approach automatically modifies the color of web pages based on the color transfer result. We generate 72 modified web pages to evaluate the page structure preserving and color characteristic transformation result of our approach.


color modification user interface design color transfer 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Reinhard, E., Ashikhmin, M., Gooch, B., Shirley, P.: Color Transfer Between Images. IEEE Computer Graphics and Applications 21, 34–41 (2001)CrossRefGoogle Scholar
  2. 2.
    Pitié, F., Kokaram, A.C., Dahyot, R.: N-dimensional Probability Density Function Transfer and Its Application to Colour Transfer. In: 10th IEEE International Conference on Computer Vision, pp. 1434–1439. IEEE Press, New York (2005)Google Scholar
  3. 3.
    Xiao, X., Ma, L.: Gradient-Preserving Color Transfer. Computer Graphics Forum 28, 1879–1886 (2009)CrossRefGoogle Scholar
  4. 4.
    HaCohen, Y., Shechtman, E., Goldman, D.B., Lischinski, D.: Non-rigid Dense Correspondence With Applications for Image Enhancement. ACM Transactions on Graphics 30, 70:1–70:10 (2011)Google Scholar
  5. 5.
    Pouli, T., Reinhard, E.: Progressive Color Transfer for Images of Arbitrary Dynamic Range. Computers & Graphics 35, 67–80 (2011)CrossRefGoogle Scholar
  6. 6.
    Furche, T., Grasso, G., Kravchenko, A., Schallhart, C.: Turn the Page: Automated Traversal of Paginated Websites. In: Brambilla, M., Tokuda, T., Tolksdorf, R. (eds.) ICWE 2012. LNCS, vol. 7387, pp. 332–346. Springer, Heidelberg (2012)CrossRefGoogle Scholar
  7. 7.
    Dubroy, P., Balakrishnan, R.: A Study of Tabbed Browsing Among Mozilla Firefox Users. In: Proc. CHI 2010, pp. 673–682. ACM Press, New York (2010)Google Scholar
  8. 8.
    Holz, C., Baudisch, P.: Understanding Touch. In: Proc. CHI 2011, pp. 2501–2510. ACM Press, New York (2011)Google Scholar
  9. 9.
    Warr, A., Chi, E.H.: Swipe vs. Scroll: Web Page Switching On Mobile Browsers. In: Proc. CHI 2013, pp. 2171–2174. ACM Press, New York (2013)Google Scholar
  10. 10.
    Flatla, D.R., Reinecke, K., Gutwin, C., Gajos, K.Z.: SPRWeb: Preserving Subjective Responses to Website Colour Schemes through Automatic Recolouring. In: Proc. CHI 2013, pp. 2069–2078. ACM Press, New York (2013)Google Scholar
  11. 11.
    Flatla, D.R., Gutwin, C.: “So that’s what you see": Building Understanding With Personalized Simulations of Colour Vision Deficiency. In: 14th International ACM SIGACCESS Conference on Computers and Accessibility, pp. 167–174. ACM Press, New York (2012)CrossRefGoogle Scholar
  12. 12.
    Cyr, D., Head, M., Larios, H.: Colour Appeal in Website Design within and Across Cultures: A Multi-method Evaluation. International Journal of Human-Computer Studies 68, 1–21 (2010)CrossRefGoogle Scholar
  13. 13.
    Lavie, T., Tractinsky, N.: Assessing Dimensions of Perceived Visual Aesthetics of Web Sites. International Journal of Human-Computer Studies 60, 269–298 (2004)CrossRefGoogle Scholar
  14. 14.
    Cyr, D.: Modeling Website Design across Cultures: Relationships to Trust, Satisfaction and E-loyalty. Journal of Management Information Systems 24, 47–72 (2008)CrossRefGoogle Scholar
  15. 15.
    Su, Z., Zeng, K., Liu, L., Li, B., Luo, X.: Corruptive Artifacts Suppression for Example-based Color Transfer. IEEE Transactions on Multimedia 11, 1–12 (2013)Google Scholar
  16. 16.
    Ding, L., Tran, A.H., Halfond, W.G.J.: Making Web Applications More Energy Efficient for OLED Smartphones. In: 36th International Conference on Software Engineering, pp. 527–538. ACM Press, New York (2014)Google Scholar
  17. 17.
    Mian, D., Zhong, L.: Chameleon: A Color-Adaptive Web Browser for Mobile OLED Displays. IEEE Transactions on Mobile Computing 11, 724–738 (2012)CrossRefGoogle Scholar

Copyright information

© Springer International Publishing Switzerland 2014

Authors and Affiliations

  • Xiangping Chen
    • 1
    • 3
  • Yonghao Long
    • 2
    • 3
  • Xiaonan Luo
    • 2
    • 3
  1. 1.Institute of Advanced TechnologySun Yat-sen UniversityGuangzhouChina
  2. 2.School of Information Science and TechnologySun Yat-sen UniversityGuangzhouChina
  3. 3.Research Institute of Sun Yat-sen University in ShenzhenShenzhenChina

Personalised recommendations