Improving user experience of color palette extraction by using interactive visualization based on hierarchical color model

Karim, Raja Mubashar; Jeong, Taehong; Ha, Hyoji; Ho, Jaejong; Lee, Kyungwon; Shin, Hyun Joon

doi:10.1016/j.ijhcs.2022.102924

Cited by 2 publications

(1 citation statement)

References 20 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…Several methods for extracting colors from images have been proposed in the past. Based on their working principle, color extraction methods can be divided into five main categories: histogram-based [33,34], cluster-based [35][36][37], segmentation-based [38,39], data-driven [40,41], and hierarchical methods [42,43]. Recently, interest in methods that mimic human perception has increased considerably.…”

Section: Extracting Colors From An Imagementioning

confidence: 99%

Automated Image-Based User Interface Color Theme Generation

Weingerl

2024

Applied Sciences

View full text Add to dashboard Cite

Color plays an essential role in the design of user interfaces and significantly impacts the user experience. To create aesthetically pleasing and user-friendly interfaces, the colors of the user interface should be consistent with the images. The latter can be challenging to achieve, as images often have different colors and are often changed by editors or authors who do not have sufficient design knowledge. To solve this problem, we have developed a model that automatically determines the color theme of the user interface based on a given image. The model first extracts the most prominent colors from the image and then considers both aesthetic (color harmony and compatibility with the image) and usability aspects (color contrast, color diversity, and color strength). All color calculations are performed in the perceptually uniform color space CAM02-UCS. In addition, the model can be adapted to the user’s needs and requirements. To test the model, we implemented it in a web-based application in which the colors were automatically selected based on the featured image. The resulting color themes were then evaluated by the users, who were mainly professional designers. According to the results, the model generates color themes that are consistent with the image, aesthetic, and user-friendly. An important observation was also that color harmony can be achieved simply by using the most prominent colors of the image (regardless of their hue), suggesting that color harmony is strongly influenced by the context of use. The presented model holds significant practical importance as it can be utilized in various applications and tools. For instance, it can automatically choose a color theme for a user interface based on a particular image, such as a company logo or a product image. Moreover, it can dynamically adjust the colors of elements in real time based on the image that is visible simultaneously with the elements.

show abstract

Section: Extracting Colors From An Imagementioning

confidence: 99%

Automated Image-Based User Interface Color Theme Generation

Weingerl

2024

Applied Sciences

View full text Add to dashboard Cite

show abstract

Research on the Quality Improvement of Automatic Tone Adjustment Technology for Movie Images Using Computer Vision Algorithms

Cui

2024

Applied Mathematics and Nonlinear Sciences

View full text Add to dashboard Cite

Color plays an indispensable role in the formation of movie style, and hue, as an important part of color, plays a pivotal role in the study of the quality of movie pictures. The study is based on the basic theory of the color and color space of the movie picture, equalizing the histogram of the movie picture, and then combining the HistoGAN network and Laplace algorithm of computer vision algorithms to realize the enhancement of the hue of the movie picture, and then adjusting and improving the quality of the movie picture automatically. Taking 10 comedy movies by Wes Anderson as an example, the movie tones are measured and counted. According to the results, the movie screen tones adjusted have a strong ability to convey image details and have better contrast and clarity enhancement effects while maintaining image fidelity. As the year progresses, the brightness of the adjacent period in Wes Anderson’s comedy movies becomes more frequent and larger after the movie screen hue is adjusted. The overall of his movies is the color matching law of warm tones with larger saturation with cooler tones with smaller saturation, and the hue adjustment gives the movie screen a more advanced sense of beauty.

show abstract

Improving user experience of color palette extraction by using interactive visualization based on hierarchical color model

Cited by 2 publications

References 20 publications

Automated Image-Based User Interface Color Theme Generation

Automated Image-Based User Interface Color Theme Generation

Research on the Quality Improvement of Automatic Tone Adjustment Technology for Movie Images Using Computer Vision Algorithms

Contact Info

Product

Resources

About