Systematic Literature Review: Predicted Color Output in UI/UX Design Using Machine Learning

An attractive user interface (UI) design is greatly influenced by the selection of appropriate colors, but the selection process tends to be subjective. To address this challenge, this study was conducted to identify commonly used machine learning techniques and evaluate their effectiveness in recommending colors based on RGB and HSL features. The method used was a Systematic Literature Review (SLR) of 39 articles published between 2020 and 2025. The study was conducted through three main stages, namely planning, implementation, and reporting. The review results show that approaches such as K-Means are widely used in the dominant color extraction stage, while classification algorithms such as Support Vector Machine (SVM), Artificial Neural Network (ANN), and Random Forest are applied for color prediction and recommendation. Random Forest is one of the models that shows superior performance, especially in terms of prediction stability and the ability to handle large numbers of variables. The model development process usually begins with color quantization, followed by data labeling and model training. Based on these findings, it can be concluded that Random Forest is a reliable model in color recommendation systems, especially when supported by good data preprocessing stages and proper parameter tuning.

Authors

Institutions

Publication Details

Journal
Journal Of Computer Networks Architecture and High Performance Computing
Published
2025-07-12
DOI
https://doi.org/10.47709/cnahpc.v7i3.6357
Primary Topic
Color perception and design
Type
article
Field-Weighted Citation Impact
0.00
Controls
|||
ALL TIME
JAN
FEB
MAR
APR
MAY
JUN
JUL
AUG
SEP
OCT
article

Systematic Literature Review: Predicted Color Output in UI/UX Design Using Machine Learning

Roni Andarsyah, Agita Nurfadillah
Journal Of Computer Networks Architecture and High Performance Computing
Color perception and design
article

Systematic Literature Review: Predicted Color Output in UI/UX Design Using Machine Learning

Roni Andarsyah, Agita Nurfadillah
article en

Abstract

An attractive user interface (UI) design is greatly influenced by the selection of appropriate colors, but the selection process tends to be subjective. To address this challenge, this study was conducted to identify commonly used machine learning techniques and evaluate their effectiveness in recommending colors based on RGB and HSL features. The method used was a Systematic Literature Review (SLR) of 39 articles published between 2020 and 2025. The study was conducted through three main stages, namely planning, implementation, and reporting. The review results show that approaches such as K-Means are widely used in the dominant color extraction stage, while classification algorithms such as Support Vector Machine (SVM), Artificial Neural Network (ANN), and Random Forest are applied for color prediction and recommendation. Random Forest is one of the models that shows superior performance, especially in terms of prediction stability and the ability to handle large numbers of variables. The model development process usually begins with color quantization, followed by data labeling and model training. Based on these findings, it can be concluded that Random Forest is a reliable model in color recommendation systems, especially when supported by good data preprocessing stages and proper parameter tuning.

Journal Of Computer Networks Architecture and High Performance ComputingVol. 7(3)
Universitas Internasional Semen Indonesia (ID)
Openalex Percentile: Top 77%
Color perception and design
AI Navigator

Ask Laika to Summarize, Analyze, and Connect papers live on the map.

Summarize Papers & Methodologies

Extract key findings, datasets, and comparative methods across publications.

Benchmark Rankings & Visual Analytics

Rank top research institutions, authors, funders, topics, and journals by Field-Weighted Citation Impact (FWCI) and paper volume with instant charts.

Connect Distant Disciplines

Bridge topological clusters on the map to find hidden collaborative intersections.