RGB与HSB之间的转换公式

系统管理员 2022-08-20 14:12 159阅读 0赞

原文地址：[http://blog.csdn.net/xhhjin/article/details/7020449][http_blog.csdn.net_xhhjin_article_details_7020449]

## 先来了解一些概念： ##

## 1.RGB是一种加色模型,就是将不同比例的Red/Green/Blue混合在一起得到新颜色.通常RGB颜色模型表示为: ##

[![image][]][image 1]

2.HSB(HSV) 通过色相/饱和度/亮度三要素来表达颜色.

H(Hue):表示颜色的类型(例如红色,绿色或者黄色).取值范围为0—360.其中每一个值代表一种颜色.

S(Saturation):颜色的饱和度.从0到1.有时候也称为纯度.(0表示灰度图,1表示纯的颜色)

B(Brightness or Value):颜色的明亮程度.从0到1.(0表示黑色,1表示特定饱和度的颜色)

[![image][image 2]][image_image 2]

后面地址是一个在线的观察RGB到HSB转换的工具：[http://web.bentley.edu/empl/c/ncarter/MA307/color-converter.html][http_web.bentley.edu_empl_c_ncarter_MA307_color-converter.html]

用RGB来表示颜色虽然方便，但是两个相近的颜色的RGB值却可能相差十万八千里。用HSV(Hue色相、Saturation饱和度、Value(Brightness)明度，也叫HSB)来表示颜色就比较符合人们的习惯。

**RGB到HSV(HSB)的转换:**

**![0_1322529763ORyr.gif][]**

**HSV(HSB)到RGB的转换:**

**![0_1322529799kPK3.gif][]**

根据以上说明，有以下转换公式（**Java代码）**：

**\[java\]** [view plain][] [copy][view plain]

1.  **public****static****float**\[\] rgb2hsb(**int** rgbR, **int** rgbG, **int** rgbB) \{ 
2.  **assert**0 <= rgbR && rgbR <= 255; 
3.  **assert**0 <= rgbG && rgbG <= 255; 
4.  **assert**0 <= rgbB && rgbB <= 255; 
5.  **int**\[\] rgb = **new****int**\[\] \{ rgbR, rgbG, rgbB \}; 
6.   Arrays.sort(rgb); 
7.  **int** max = rgb\[2\]; 
8.  **int** min = rgb\[0\]; 
9.  
10. **float** hsbB = max / 255.0f; 
11. **float** hsbS = max == 0 ? 0 : (max - min) / (**float**) max; 
12. 
13. **float** hsbH = 0; 
14. **if** (max == rgbR && rgbG >= rgbB) \{ 
15.  hsbH = (rgbG - rgbB) \* 60f / (max - min) + 0; 
16.  \} **else****if** (max == rgbR && rgbG < rgbB) \{ 
17.  hsbH = (rgbG - rgbB) \* 60f / (max - min) + 360; 
18.  \} **else****if** (max == rgbG) \{ 
19.  hsbH = (rgbB - rgbR) \* 60f / (max - min) + 120; 
20.  \} **else****if** (max == rgbB) \{ 
21.  hsbH = (rgbR - rgbG) \* 60f / (max - min) + 240; 
22.  \} 
23. 
24. **return****new****float**\[\] \{ hsbH, hsbS, hsbB \}; 
25. \} 
26. 
27. **public****static****int**\[\] hsb2rgb(**float** h, **float** s, **float** v) \{ 
28. **assert** Float.compare(h, 0.0f) >= 0 && Float.compare(h, 360.0f) <= 0; 
29. **assert** Float.compare(s, 0.0f) >= 0 && Float.compare(s, 1.0f) <= 0; 
30. **assert** Float.compare(v, 0.0f) >= 0 && Float.compare(v, 1.0f) <= 0; 
31. 
32. **float** r = 0, g = 0, b = 0; 
33. **int** i = (**int**) ((h / 60) % 6); 
34. **float** f = (h / 60) - i; 
35. **float** p = v \* (1 \- s); 
36. **float** q = v \* (1 \- f \* s); 
37. **float** t = v \* (1 \- (1 \- f) \* s); 
38. **switch** (i) \{ 
39. **case**0: 
40.  r = v; 
41.  g = t; 
42.  b = p; 
43. **break**; 
44. **case**1: 
45.  r = q; 
46.  g = v; 
47.  b = p; 
48. **break**; 
49. **case**2: 
50.  r = p; 
51.  g = v; 
52.  b = t; 
53. **break**; 
54. **case**3: 
55.  r = p; 
56.  g = q; 
57.  b = v; 
58. **break**; 
59. **case**4: 
60.  r = t; 
61.  g = p; 
62.  b = v; 
63. **break**; 
64. **case**5: 
65.  r = v; 
66.  g = p; 
67.  b = q; 
68. **break**; 
69. **default**: 
70. **break**; 
71.  \} 
72. **return****new****int**\[\] \{ (**int**) (r \* 255.0), (**int**) (g \* 255.0), 
73.  (**int**) (b \* 255.0) \}; 
74. \} 
75.

[http_blog.csdn.net_xhhjin_article_details_7020449]: http://blog.csdn.net/xhhjin/article/details/7020449
[image]: /images/20220731/0c81fce1b8ff4b04bca7a3ce1467f39f.png
[image 1]: http://images.cnblogs.com/cnblogs_com/zhuliangxiong/WindowsLiveWriter/C_1917/image_4.png
[image 2]: http://images.cnblogs.com/cnblogs_com/zhuliangxiong/WindowsLiveWriter/C_1917/image_thumb_2.png
[image_image 2]: /images/20220731/285c0bb1bfdb4587be0879b68bc3d982.png
[http_web.bentley.edu_empl_c_ncarter_MA307_color-converter.html]: http://web.bentley.edu/empl/c/ncarter/MA307/color-converter.html
[0_1322529763ORyr.gif]: /images/20220731/064a41539ef74165b8b4b33ce4631808.png
[0_1322529799kPK3.gif]: /images/20220731/98590af0ecea4bfa8fefeb2e2813c1a5.png
[view plain]: http://blog.csdn.net/xhhjin/article/details/7020449#