Introduction

In the last few years, there has been a growing interest in incorporating image processing programs and mobile applications APPS into chemical analysis which permits green, fast and cost-effective analysis1. These programs and AAPS have been utilized for colorimetry2,3, fluorimetry4, chemiluminescence5,6 and electrochemical analysis7. Extensive research has been conducted on digital image colorimetry (DIC) as a versatile technique for both qualitative and quantitative analysis across various sample types including heavy metals8, pesticides9,10, antibiotics11, environmental samples12 and food products13,14,15. DIC is based on image acquisition with smartphone and color quantification using mobile APPS (RGB color detector, color meter, PhotoMetrix) or image processing programs (Adobe Photoshop, Image J, Matlab) under appropriate color system. The color quantification data were utilized to obtain analyte concentration16. Smartphones are preferable to digital cameras for image acquisition in DIC due to their portability, simplicity in use, significant improvement of camera functions, and the availability of mobile APPS17,18.

Image J is an open-source image processing program designed by the national institutes of health NIH for analysis of scientific images. Image J has been extensively used in different biological studies include quantifying cellular and subcellular components19. It has also been successfully applied in analysis of various medical images including dental imaging, tumor differentiation, and brain tissue imaging20,21,22. Image J offers several benefits compared to other image processing software such as the accessibility and ease of use of basic built in functions even without prior experience in image analysis. Furthermore, it has the capability to function on a wide range of computer platforms and possesses the ability to handle the majority of commonly used image formats. Image J functions include noise reduction, background subtraction, smoothing, sharpening, contrast manipulation, detection of regions of interest, and quantifying intensities. Additionally, it facilitates measurements of areas, volumes (stacks), distances, and angles23,24,25.

Uric acid is a product of metabolic breakdown of purine (adenine and guanine) that exist in RNA and DNA Fig. 1. It is a weak acid with a pKa of 5.6 and it is sparingly soluble in water. The concentration of uric acid in serum and urine is an indicator of many renal complications. The normal uric acid concentration in urine is 250–750 mg/day. A high uric acid level (greater than 800 mg/day) can cause uric acid crystallization and deposition in joints, tendons and surrounding tissues and development of other medical conditions such as gout or urinary stones26,27. Different chromatographic methods have been developed for determination of uric acid and creatinine in human urine28,29,30. In addition, several colorimetric methods have been recently reported31,32,33,34. In this study, we have applied DIC using Image J for quantitative determination of uric acid after treatment with phosphotungstate reagent in alkaline medium to develop a blue color. Image J was chosen for color quantitation as it outperforms mobile APPS in its capability to enable precise quantitative analysis, while mobile APPS is primarily suitable for qualitative or semi-quantitative analysis. This work is considered to be the first approach to use Image J as image processing program in DIC and the first investigation of the capabilities of image J in comparison to mobile APPS.

Figure 1
figure 1

Chemical structure of uric acid.

Materials and methods

Apparatus

Spectrophotometric measurements have been carried out using a Shimadzu (Japan) UV-1800 PC double beam spectrophotometer with 1 cm Quartz cells. UV probe software was used for spectra displaying and arithmetic calculations.

Materials

Uric acid, Sodium chloride NaCl, Sodium citrate Na3C6H5O7·2H2O, Sodium sulfate Na2SO4, Magnesium sulfate MgSO4·7H2O, Potassium chloride KCl, Potassium dihydrogen phosphate KH2PO4 were purchased from Fisher Scientific Company. Phosphotungstate reagent was kindly supplied from biochemistry department, faculty of pharmacy, Tanta university. Protein free urine sample collected over 24 hours was supplied from Elmenshawy hospital after the patient consent.

Preparation of artificial urine

Artificial urine was prepared by dissolving 1.5 gm Sodium chloride, 0.96 gm Potassium chloride KCl, 1.0982 gm Potassium dihydrogen phosphate, 1.0 gm Sodium citrate, 0.6 gm Sodium sulfate, and 0.1155 Magnesium sulfate in 250 mL distilled water35.The pH of the prepared artificial urine was found to be 5.9.

Determination of uric acid in artificial urine

Uric acid stock solution (30 μg·mL−1) was prepared by dissolving 3.0 mg uric acid in diluted artificial urine 10:90 with distilled water DW. Different aliquots (1–5.0 mL) were quantitatively transferred into a series of 10 mL volumetric flask. 3.0 mL of Na2CO3 aqueous solution (10%) was added to each flask, and they were allowed to stand for 10 minutes. After that, 1.0 mL of follin reagent was added, mixed well using vortex and the volume was completed with DW to give final concentrations of 3.0–15 μg·mL−1.

Determination of uric acid in real urine

10 mL of urine sample was diluted with 90 mL DW and the amount of uric acid in the sample was determined using standard addition method to eliminate the matrix effect through addition of different volumes (0.5, 1.0, 2.0, 3.0 mL) of uric acid standard solution (30 μg·mL−1) to 0.5 mL of diluted urine followed by the same procedure for color reaction under Section “Determination of uric acid in artificial urine”. The amount of uric acid in the real urine was calculated from the regression equation and then multiplied by dilution factor of 200:1 to obtain the initial concentration.

Imaging procedure

The serial dilutions of uric acid were placed in glass cuvettes and the images were captured using smart phone (Samsung Galaxy A52; 64 Mpx camera resolution), against white background in an imaging box in order not to be affected by daylight and to improve the signal to noise ratio2. The images were cropped to remove blank spaces on all edges and brought together in one image with each segment representing a certain concentration Fig. 2a. The images were saved as TIFF (Tagged Image File Format). The average of the gray values was calculated for each segment.

Figure 2
figure 2

(a) The images of successive concentrations of uric acid (b)their corresponding gray value plot versus distance.

Results and discussion

In alkaline medium uric acid reduces phosphotungstate reagent producing tungsten blue color according to the Eq. 126

$$ {\text{Uric acid}} + {\text{phosphotungstate}} + {\text{Na}}_{{2}} {\text{CO}}_{{3}} \ldots \ldots \ldots \ldots ....{\text{Allantoin}} + {\text{tungsten blue}} + {\text{CO}}_{{2}} $$
(1)

There is a linear relationship between the intensity of blue color and the concentration of uric acid. This was exploited to apply digital image colorimetry DIC using image J for color quantification. The RGB gray values were measured across the images of serial dilution of uric acid using image J and displayed as a plot of gray values versus the pixel positions. The RGB gray value is a numerical representation of the intensity of gray or color in a specific pixel, ranging from 0 (black) to 255 (white). This explains why in Fig. 2b, as depicted, the gray value increases with the reduction in color intensity. To establish a correlation between the RGB gray values and color intensity, they were transformed into complementary CMY (cyan–magenta–yellow) values using the formula CMY = 255 − RGB36.

Optimization of experimental condition

All variables impacting the color reaction between uric acid and phosphotungstate were meticulously optimized to achieve an intense blue color and to maximize the absorbance value, consequently enhancing the method's sensitivity. The quantity of phosphotungstate reagent was subjected to examination, revealing that an optimal volume of 1.0 mL yielded the best results (see Fig. S1). Similarly, the influence of sodium carbonate amount was investigated, and the peak absorbance was attained with 3.0 mL of sodium carbonate (see Fig. S2). Furthermore, an optimum vortex time following the addition of the reagent was found to be 10 min (see Fig. S3).Table 1 summarizes all the factors affecting the color intensity and their optimal values.

Table 1 Factors affecting the color intensity.

Comparison with a mobile application

For the assessment of the analytical performance of DIC using Image J, the color quantification was performed using a commonly used mobile application, RGB Color Detector alongside with a spectrophotometer. The mobile application RGB Color detector enables the analysis in four colour spaces—RGB, HSL, HSV, and HSI. The results are generated across eight channels, encompassing R, G, B, H, S, L, V, and I. The measurements were carried out across all channels, and ultimately, channel B was selected for optimal results since the color of the solutions changed from blue to black–blue and the increase in blue values with increasing the blue color intensity was significant Fig. 3.

Figure 3
figure 3

The measurement of color intensity using RGB color detector.

Analytical characteristics of the proposed method

The calibration curve for DIC/Image J was constructed by plotting a relation between the CMY values derived from the images versus the uric acid concentration in diluted artificial urine while, for DIC/RGB analysis, the calibration curve was plotted using B values. For spectrophotometry, the absorbance values at λmax of 700 nm were utilized. Figure S4 shows the absorption spectrum of the blue colored product. The calibration curves were found to be linear over the range 3.0–15 μg·mL−1 Fig. 4. The study revealed that the correlation coefficient for DIC/Image J and spectrophotometry is nearly equivalent. However, the correlation coefficient for DIC/RGB showed a lower value of 0.97. The regression equations for all the methods were computed from the corresponding calibration curve. The regression parameters were listed in Table 2.

Figure 4
figure 4

The calibration curves for (a) DIC/Image J, (b) DIC/RGB, and (c) spectrophotometry.

Table 2 Regression parameters for colorimetric determination of uric acid.

Limit of quantitation and limit of detection

The Limit of detection LOD and limit of quantitation LOQ values were calculated according to the following equations:

$$ {\text{LOD}} = {3}.{3}\sigma /{\text{Slope}} $$
$$ {\text{LOQ}} = {1}0\sigma /{\text{Slope}} $$

Where σ is the standard deviation of intercept.

The LOD value achieved with DIC/ Image J was comparable to UV–Vis spectrophotometry, whereas the LOD for DIC/ RGB was apparently higher.

Accuracy and precision

The accuracy was verified through the determination of five different concentrations of standard uric acid over the linearity range. The intra-day precision was performed through replicate analysis of five different concentrations of standard uric acid. Inter-day precision was tested by repeated analysis of five different concentrations of uric acid for a period of three successive days. The percent relative error (%RE) was computed for the purpose of method verification and evaluation of the bias between the stated concentration and the measured concentration. It is evident that DIC/Image J exhibit exceptional precision (RSD < 2%) and accuracy (100.39% recovery), comparable to spectrophotometry. On the other hand, the precision and accuracy results from the mobile application are generally lower, yet they remain within an acceptable range. However, at concentrations of 3.0 μg·mL−1, the mobile application yielded less accurate and precise results. This indicates that DIC/RGB can be applied adequately for semi-quantitative analysis, while precise and accurate quantitative analysis can be achieved using DIC/Image J. The results of accuracy and precision are listed in Tables 3 and 4.

Table 3 Evaluation of the accuracy for determination of uric acid.
Table 4 Evaluation of the precision for determination of uric acid.

Stability

The examination of the stability of the blue color formed was conducted over 30 min. The investigation revealed that the blue color remains stable for the initial 10 min, after which its intensity gradually diminishes Fig. 5. Consequently, all measurements were promptly performed immediately following the reaction to get optimal results.

Figure 5
figure 5

Study of the stability of the blue colored product for 12.0 μg·mL−1 uric acid.

Standard addition method

The standard addition method was employed for determination of uric acid in real urine to eliminate the matrix effect. The CMY and the absorbance values for the sample were determined from the intercept values of the curves and the concentration was calculated from the regression equations derived from the corresponding calibration curves Figure S5. The results for DIC show that the sample has a concentration of approximately 7.0 μg·mL−1 and the initial concentration of 1400 μg·mL−1 which were similar to spectrophotometry. This indicates the capability of DIC for accurate determination of uric acid in real samples.

Greenness assessment

The greenness of DIC Method was assessed using Analytical Greenness metric AGREE calculator. This assessment involves 12 principles of green analytical chemistry that are transformed into a standard scale of 0–1 scale reflecting the greenness of the method. The pictogram for AGREE calculator has twelve sections with the total score in the center. The color of each section range from dark green (= 1) to dark red (= 0) based on the ecological impact37. The DIC method allows at line and instantaneous analysis of the samples thus it achieved a score of 0.76. Table 5 shows the assessment of AGREE and the adherence of the developed method to the 12 principles of green analytical chemistry, presenting corresponding scores for each principle. Figure 6 represents the pictograms for AGREE metrics for DIC.

Table 5 The report for AGREE assessment.
Figure 6
figure 6

AGREE pictogram for DIC.

Comparison with other reported colorimetric method

Our research presents a distinctive approach for uric acid determination compared to other reported methods as shown in Table 6. The penalty points (pps) for all reagents and solvents utilized in these methods were calculated as the following38.

$$ {\text{The hazard}} = {\text{signal word}}*{\text{number of hazard pictograms}} $$

Where signal word danger = 2pps, warning = 1pps.

Table 6 Comparison with other reported colorimetric methods.

The first reported method relies on a complexion reaction involving uric acid, potassium ferricyanide, and ferric chloride in a hydrochloric acid medium HCl which is known for its corrosiveness and irritant properties31. Furthermore, two other reported methods involve the utilization of metal–organic framework MIL-53(Fe) and WO3 Nanosheets. Despite their high sensitivity, the synthesis of these materials is complex, time-consuming, and necessitates the use of non-green solvents, along with requiring extensive chemical and physical characterization32,34. Another method involving silver nanoparticles, while simpler and faster than the former two, still involves multiple procedures, non ecofriendly reagents, and characterization steps33. In contrast, our proposed method stands out for its use of green reagents, its one-step reaction process, and non-instrumental determination of color intensity, making it energy-efficient and environmentally friendly. Thus, our approach offers a practical alternative with satisfactory linearity range while addressing the complexities associated with other reported methods.

Conclusions

This study clearly demonstrates the feasibility of utilizing DIC/Image J for determining uric acid levels in both artificial and real urine samples. This approach offers the advantage of easy monitoring of uric acid without the need for any specialized instruments. Additionally, the use of Image J offers good analytical parameters, at the same time it is uncomplicated and the analysis can be performed directly without the need for numerous trials to determine the optimal channel, as required with mobile APPS. This study also proves that, Image J can be employed for accurate and precise quantitative analysis whereas mobile APPS prove satisfactory for semi-quantitative analysis. Notably this colorimetric approach using Image J has a great potential for various other applications, including colorimetric determination of heavy metals or drug analysis utilizing specific reagents. Overall, this novel method presents a promising avenue for diverse analytical tasks with a smartphone-based approach.