# Visual Perception of Peripheral Screen Elements: The Impact of Text and Background Colors
## 2 Experiment
### Design of Stimulus for the Peripheral Area of the Screen
#### 2.2.3 Selection of Colors for the Stimulus in the Peripheral Area of the Screen  
Words in the peripheral screen area appeared randomly across five different background colors (black, yellow, red, green, and blue) and in two text colors (black and white). All words were in pure black or white, with no additional emphasis like bolding, bordering, or italicizing. These colors were chosen because basic or primary colors are among the most easily noticed [36].  
Color is defined by three attributes: hue, saturation, and brightness. In this study, only the background color hue (tint) was varied, while saturation and brightness stayed the same (Table 2).  
Figure 3 illustrates a sequence of screenshots representing the experimental interface as experienced by participants during one of the quiz sessions. The image sequence provides a step-by-step visual walkthrough of the application used in this study.  
The first screen welcomes the participant with a brief explanation of this study's purpose, emphasizing its role in optimizing user interfaces to enhance user experience. The second screen prompts the user to input demographic data, including e-mail, gender, year of birth, level of education, and occupation. The third screen presents concise instructions,informing the participant that the test consists of five short quizzes with a total duration of approximately two minutes. Before each quiz, specific instructions are displayed and must be read carefully. The quiz begins once the participant clicks the \"Start Quiz\" button.  
The next step introduces the central task: participants are asked to count the number of circles in a centrally displayed image. Simultaneously, they are instructed to press the spacebar as soon as a moving stimulus (a word displayed on a colored background)  
\begin{table}
\begin{tabular}{c c c c c c c} \hline \hline \multirow{2}{*}{**Color**} & \multicolumn{3}{c}{**HSB Model**} & \multicolumn{3}{c}{**RGB Model**} \\ \cline{2-7}  & **H (\({}^{\circ}\))** & **S (\%)** & **B (\%)** & **R** & **G** & **B** \\ \hline Black & 0 & 0 & 0 & 0 & 0 & 0 \\ \hline White & 0 & 0 & 100 & 255 & 255 & 255 \\ \hline Blue & 240 & 100 & 100 & 0 & 0 & 255 \\ \hline Red & 0 & 100 & 100 & 255 & 0 & 0 \\ \hline Yellow & 60 & 100 & 100 & 255 & 255 & 0 \\ \hline Green & 120 & 100 & 100 & 0 & 255 & 0 \\ \hline \hline \end{tabular}
\end{table}
Table 2: Values of colors used in the peripheral area of the screen.  
Figure 3: Sequence of screenshots showing an example of the quiz interface with a bottom left-to-right moving stimulus.  
appears in the peripheral area of the screen. In the example shown, the stimulus appears at the bottom of the screen and moves from left to right, representing one of the tested motion directions. Upon pressing the spacebar in response to the peripheral stimulus, the participant is directed to a response form. They are prompted to input the number of circles seen in the central image, type the word that appeared in the periphery, and select both the perceived text color and background color from dropdown menus offering predefined options (blue, red, yellow, green, white, and black).  
The final screen thanks the participant and proceeds to the next quiz. This process is repeated across different stimulus conditions, allowing for the systematic assessment of text and background color combinations, motion direction, and their impact on peripheral perception under central task engagement.