1. 程式人生 > >RGB與HSB之間的轉換公式

RGB與HSB之間的轉換公式

sse 亮度 顏色模型 csdn compare 特定 概念 col 將不

先來了解一些概念:

1.RGB是一種加色模型,就是將不同比例的Red/Green/Blue混合在一起得到新顏色.通常RGB顏色模型表示為:

技術分享圖片

2.HSB(HSV) 通過色相/飽和度/亮度三要素來表達顏色.

H(Hue):表示顏色的類型(例如紅色,綠色或者黃色).取值範圍為0—360.其中每一個值代表一種顏色.

S(Saturation):顏色的飽和度.從0到1.有時候也稱為純度.(0表示灰度圖,1表示純的顏色)

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

技術分享圖片

後面地址是一個在線的觀察RGB到HSB轉換的工具:http://web.bentley.edu/empl/c/ncarter/MA307/color-converter.html

用RGB來表示顏色雖然方便,但是兩個相近的顏色的RGB值卻可能相差十萬八千裏。用HSV(Hue色相、Saturation飽和度、Value(Brightness)明度,也叫HSB)來表示顏色就比較符合人們的習慣。

RGB到HSV(HSB)的轉換:

技術分享圖片

HSV(HSB)到RGB的轉換:

技術分享圖片

根據以上說明,有以下轉換公式(Java代碼):

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

RGB與HSB之間的轉換公式