{"id":501,"date":"2013-08-21T02:47:57","date_gmt":"2013-08-21T02:47:57","guid":{"rendered":"http:\/\/yoonhada.com\/wp\/?p=501"},"modified":"2013-08-21T02:47:57","modified_gmt":"2013-08-21T02:47:57","slug":"%eb%b3%b4%ec%83%89-%ec%b0%be%ea%b8%b0-rgbhsl-%eb%b3%80%ed%99%98","status":"publish","type":"post","link":"http:\/\/yoonhada.com\/?p=501","title":{"rendered":"\ubcf4\uc0c9(Complementary color) \ubcc0\ud658 (RGB\/HSL \ubcc0\ud658)"},"content":{"rendered":"

\t\t\t\thttp:\/\/www.devpia.com\/Maeul\/Contents\/Detail.aspx?BoardID=51&MAEULNO=20&no=7249&page=45<\/a><\/p>\n

\ubcf4\uc0c9\uc774\ub780 \uc0c9\uc0c1\ud720\uc5d0\uc11c \uc0c9\uc870(hue) \uac12\uc774 180\ub3c4 \ubc18\ub300\ubc29\ud5a5\uc5d0 \uc704\uce58\ud55c\ub2e4\uace0 \ud569\ub2c8\ub2e4.
\n(\uc5b4\ub834\ud48b \uc608\uc804 \ubbf8\uc220 \uc2dc\uac04\uc5d0 \ubc30\uc6e0\ub358 \uac83\ub3c4 \uac19\uc2b5\ub2c8\ub2e4.)
\n\uc989 RGB\ub97c HSL\uac12\uc73c\ub85c \ubcc0\ud658\ud55c \ud6c4 HSL\uc5d0\uc11c \uc0c9\uc870(hue)\ub97c 180\ub3c4 \ub3cc\ub824\uc900 \ud6c4 \uc774 HSL \uac12\uc744 RGB \uac12\uc73c\ub85c \ub2e4\uc2dc \ubcc0\ud658\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n

– \ubcf4\uc0c9 \uad6c\ud558\ub294 \ud568\uc218<\/b><\/p>\n

[code language=”cpp”]
\n\/\/
\n\/\/ Calculate complementary color
\n\/\/
\n\/\/ @param clr : [in] COLORREF, input RGB color from which
\n\/\/ complementary color is calculated
\n\/\/
\n\/\/ @return RGB color value of complementary color of input RGB color<\/p>\n

COLORREF CalcComplemental(COLORREF clr)
\n{
\n long hsl_h = 0, hsl_s = 0, hsl_l = 0;
\n RGB2HSL_(clr, hsl_h, hsl_s, hsl_l); \/\/ CONV RGB to HSL
\n hsl_h += 0x200; \/\/ HUE, ADD 180 deg (0x200 = 0x400 \/ 2)
\n hsl_h &= 0x7ff; \/\/ HUE, MOD 360 deg to HUE
\n return HSL2RGB_(hsl_h, hsl_s, hsl_l); \/\/ CONV HSL to RGB
\n}
\n[\/code]<\/p>\n

– RGB \uc5d0\uc11c HSL \ubcc0\ud658\ud558\ub294 \ud568\uc218<\/b><\/p>\n

[code language=”cpp”]
\n\/\/
\n\/\/ RGB to HSL conversion
\n\/\/
\n\/\/ @param clr : [in] COLORREF, input RGB value to be converted
\n\/\/ @param hue : [out] double &, converted hue value (0 ~ 2*PI)
\n\/\/ @param saturation : [out] double &, converted saturation value (0%~ 100%)
\n\/\/ @param lightness : [out] double &, converted lightness value (0% ~ 100%)
\nvoid RGB2HSL( COLORREF clr,
\n double & hue,
\n double & saturation,
\n double & lightness)
\n{
\n long hsl_h = 0, hsl_s = 0, hsl_l = 0;
\n RGB2HSL_(clr, hsl_h, hsl_s, hsl_l);<\/p>\n

\/\/ long to double
\n hue = 2.0 * 3.141592 * (double)hsl_h \/ 1024.0;
\n saturation = (double)hsl_s \/ 1024.0;
\n lightness = (double)hsl_l \/ 1024.0;
\n}
\n[\/code]<\/p>\n

– HSL \uc5d0\uc11c RGB \ubcc0\ud658\ud558\ub294 \ud568\uc218<\/b><\/p>\n

[code language=”cpp”]
\n\/\/
\n\/\/ HSL to RGB conversion
\n\/\/
\n\/\/ @param hue : [in] double, input hue value (0 ~ 2*PI)
\n\/\/ @param saturation : [in] double, input saturation value (0% ~ 100%)
\n\/\/ @param lightnelss : [in] double, input lightness value (0% ~ 100%)
\n\/\/
\n\/\/ @return converted RGB color value from the input HSL value
\nCOLORREF HSL2RGB(double hue, double saturation, double lightness)
\n{
\n \/\/ double to long
\n const long hsl_h = (long)(hue \/ 2.0 \/ 3.141592 * 1024.0);
\n const long hsl_s = (long)(saturation * 1024.0);
\n const long hsl_l = (long)(lightness * 1024.0);<\/p>\n

return HSL2RGB_(hsl_h, hsl_s, hsl_l);
\n}
\n[\/code]<\/p>\n

– \uc635\ud2f0\ub9c8\uc774\uc9d5<\/p>\n

[code language=”cpp”]
\n\/\/
\n\/\/ Integer version with 2^10(1024) resolution
\n\/\/
\n\/\/ @param hsl_h : [out] long &, hue, 0 ~ 1024
\n\/\/ @param hsl_s : [out] long &, saturation, 0 ~ 1024
\n\/\/ @param hsl_l : [out] long &, lightness, 0 ~ 1024
\nvoid RGB2HSL_(COLORREF clr, long & hsl_h, long & hsl_s, long & hsl_l)
\n{
\n const long var_r = GetRValue(clr) << 2;
\n const long var_g = GetGValue(clr) << 2;
\n const long var_b = GetBValue(clr) << 2;<\/p>\n

const long var_min = min(var_r, min(var_g, var_b));
\n const long var_max = max(var_r, max(var_g, var_b));
\n const long del_max = var_max – var_min;<\/p>\n

hsl_l = (var_max + var_min) >> 1;<\/p>\n

if(del_max == 0)
\n {
\n hsl_h = hsl_s = 0;
\n }else
\n {
\n if(hsl_l < 512)
\n hsl_s = (del_max << 10) \/ (var_max + var_min);
\n else
\n hsl_s = (del_max << 10) \/ (2048 – var_max – var_min);
\n }<\/p>\n

const long temp = (var_max << 9) \/ 3 \/ del_max + (del_max << 9) \/ del_max;<\/p>\n

const long del_r = temp – ((var_r << 9) \/ 3) \/ del_max;
\n const long del_g = temp – ((var_g << 9) \/ 3) \/ del_max;
\n const long del_b = temp – ((var_b << 9) \/ 3) \/ del_max;<\/p>\n

if(var_r == var_max)
\n hsl_h = del_b – del_g;
\n else if(var_g == var_max)
\n hsl_h = (1024 \/ 3) + del_r – del_b;
\n else if(var_b == var_max)
\n hsl_h = (2048 \/ 3) + del_g – del_r;<\/p>\n

if(hsl_h < 0)
\n hsl_h += 1024;
\n else if(hsl_h > 1024)
\n hsl_h -= 1024;
\n}<\/p>\n

\/\/
\n\/\/ Integer version with 2^10(1024) resolution
\n\/\/
\n\/\/ @param hsl_h : [in] long, hue, 0 ~ 1024
\n\/\/ @param hsl_s : [in] long, saturation, 0 ~ 1024
\n\/\/ @param hsl_l : [in] long, lightness, 0 ~ 1024
\nCOLORREF HSL2RGB_(long hsl_h, long hsl_s, long hsl_l)
\n{
\n BYTE clrR = 0, clrG = 0, clrB = 0;
\n long var_1 = 0, var_2 = 0;<\/p>\n

const long var_h = hsl_h;
\n const long var_s = hsl_s;
\n const long var_l = hsl_l;<\/p>\n

if(hsl_s == 0)
\n clrR = clrG = clrB = (BYTE)(var_l >> 2);
\n else
\n {
\n if(var_l < 512)
\n var_2 = var_l + ((var_l * var_s) >> 10);
\n else
\n var_2 = var_l + var_s – ((var_l * var_s) >> 10);<\/p>\n

var_1 = (var_l << 1) – var_2;<\/p>\n

clrR = (BYTE)(HUE2RGB_(var_1, var_2, var_h + (1024 \/ 3)) >> 2);
\n clrG = (BYTE)(HUE2RGB_(var_1, var_2, var_h) >> 2);
\n clrB = (BYTE)(HUE2RGB_(var_1, var_2, var_h – (1024 \/ 3)) >> 2);
\n }<\/p>\n

return RGB(clrR, clrG, clrB);
\n}<\/p>\n

long HUE2RGB_(long var_1, long var_2, long var_h)
\n{
\n if(var_h < 0)
\n var_h += 1024;
\n else if(var_h > 1024)
\n var_h -= 1024;<\/p>\n

const long temp1 = 3 * var_h;<\/p>\n

if(temp1 < 512)
\n return (var_1 + (((3 * var_2 * var_h) >> 9) –
\n((3 * var_1 * var_h) >> 9)));
\n else if(var_h < 512)
\n return var_2;
\n else if(temp1 < 2048)
\n {
\n const long temp2 = 4096 – (temp1 << 1);
\n return (var_1 + ((var_2 * temp2 – var_1 * temp2) >> 10));
\n }<\/p>\n

return var_1;
\n}
\n[\/code]\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"

http:\/\/www.devpia.com\/Maeul\/Contents\/Detail.aspx?BoardID=51&MAEULNO=20&no=7249&page=45 \ubcf4\uc0c9\uc774\ub780 \uc0c9\uc0c1\ud720\uc5d0\uc11c \uc0c9\uc870(hue) \uac12\uc774 180\ub3c4 \ubc18\ub300\ubc29\ud5a5\uc5d0 \uc704\uce58\ud55c\ub2e4\uace0 \ud569\ub2c8\ub2e4. (\uc5b4\ub834\ud48b \uc608\uc804 \ubbf8\uc220 \uc2dc\uac04\uc5d0 \ubc30\uc6e0\ub358 \uac83\ub3c4 \uac19\uc2b5\ub2c8\ub2e4.) \uc989 RGB\ub97c HSL\uac12\uc73c\ub85c \ubcc0\ud658\ud55c \ud6c4 HSL\uc5d0\uc11c \uc0c9\uc870(hue)\ub97c 180\ub3c4 \ub3cc\ub824\uc900 \ud6c4 \uc774 HSL \uac12\uc744 RGB \uac12\uc73c\ub85c \ub2e4\uc2dc \ubcc0\ud658\ud558\uba74 \ub429\ub2c8\ub2e4. – \ubcf4\uc0c9 \uad6c\ud558\ub294 \ud568\uc218 [code language=”cpp”] \/\/ \/\/ Calculate complementary color \/\/ \/\/ @param clr : [in] COLORREF, input RGB color […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-501","post","type-post","status-publish","format-standard","hentry","category-c"],"_links":{"self":[{"href":"http:\/\/yoonhada.com\/index.php?rest_route=\/wp\/v2\/posts\/501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yoonhada.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yoonhada.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yoonhada.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yoonhada.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=501"}],"version-history":[{"count":0,"href":"http:\/\/yoonhada.com\/index.php?rest_route=\/wp\/v2\/posts\/501\/revisions"}],"wp:attachment":[{"href":"http:\/\/yoonhada.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yoonhada.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=501"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yoonhada.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}