»öÀÎ
RGB, ÆÈ·¹Æ®, µð´õ¸µ
À©µµ¿ìÀÇ Ç¥ÁØ »ö»óÇ¥(µð½ºÇ÷¹ÀÌ µî·ÏÁ¤º¸³ª À©µµ¿ìÁî ±×¸²ÆÇ ÇÁ·Î±×·¥¿¡¼ »ç¿ëÇÏ´Â)¿¡¼ »ö»óÀº Àû»ö/³ì»ö/û»öÀÇ ÁýÇÕ(RGB »ö»ó)À̳ª »öÁ¶/äµµ/ÈÖµµ(Hue/Saturation/Luminance) ÁýÇÕÀ¸·Î Á¤ÀǵȴÙ. ÀϹÝÀûÀ¸·Î ±×·¡ÇÈ µðÀÚÀ̳ʴ Àû»ö/³ì»ö/û»öÀ̶ó´Â ¿ë¾îº¸´Ù´Â »öÁ¶/äµµ/ÈÖµµ¶ó´Â ¿ë¾î¸¦ ´õ ÁÁ¾ÆÇÏ´Â °Í °°´Ù. ´©°¡ ¹«¾ùÀ» ÁÁ¾ÆÇÏ´ø ´ëºÎºÐÀÇ À©µµ¿ì ÀÀ¿ëÇÁ·Î±×·¥Àº RGB¸¦ »ç¿ëÇÑ´Ù.
RGB ÁýÇÕ¿¡¼ °¢ R, G, B °ªÀº 0¿¡¼ 255 »çÀÌÀÇ °ªÀ» °¡Áø´Ù. µû¶ó¼ ÃÑ 256x256x256 = 1.67+ õ¸¸°¡ÁöÀÇ ¼·Î´Ù¸¥ »ö»óÀÌ RGB ÁýÇÕÀ¸·Î ÁöÁ¤µÉ ¼ö ÀÖ´Ù.
¿¹
0/0/0 = Èæ»ö
255/255/255 = ¹é»ö
255/0/0 = Àû»ö
255/0/255 = ºÐÈ«»ö
128/0/128 = ÀÚÁÖ»ö(¾îµÎ¿î ºÐÈ«)
166/202/240 = ´ãû»ö
°°Àº RGB¸¦ °®´Â ÁýÇÕÀº ±×·¹ÀÌ ½ºÄÉÀÏÀ» Ç¥ÇöÇÑ´Ù. 24-ºñÆ®(Æ®·ç Ä®¶ó) µð½ºÇ÷¹ÀÌ´Â ¸ðµç 1670¸¸ »ö»óÀ» Ç¥½ÃÇÒ ¼ö ÀÖÀ¸¸ç, 16-ºñÆ®(ÇÏÀÌ Ä®¶ó) µð½ºÇ÷¹ÀÌ´Â 65536 »ö»óÀ» Ç¥½ÃÇÒ ¼ö ÀÖ´Ù. 8-ºñÆ® µð½ºÇ÷¹À̷δ ´ÜÁö 256 »ö»ó¸¸ Ç¥ÇöÇÒ ¼ö ÀÖ´Ù.
À©µµ¿ì´Â ¸ðµç °¡´ÉÇÑ »ö»óÁß¿¡¼ ƯÁ¤ÇÑ 256-»ö»óÁýÇÕ ¶Ç´Â
ÆÈ·¹Æ®¸¦ »ç¿ëÇÑ´Ù. ÆÈ·¹Æ® ³»¿¡ ÀÖÁö ¾ÊÀº »ö»óµéÀº
µð´õ¸µ¿¡ÀÇÇØ ·»´õ¸µµÈ´Ù. Áï, ¼±ÅÃµÈ µÎ ÆÈ·¹Æ®ÀÇ »ö»óÀ» È¥ÇÕÇÔÀ¸·Î¼ ´«À¸·Î º¸±â¿¡ ¿øÇÏ´Â »ö»óó·³(Ç×»ó ¼º°øÀûÀÎ °ÍÀº ¾Æ´ÏÁö¸¸) º¸ÀÌ°Ô ¸¸µç´Ù. ´ëºÎºÐÀÇ ÇÁ·Î±×·¥Àº À©µµ¿ìÁîÀÇ ±âº» ÆÈ·¡Æ®¸¦ »ç¿ëÇÑ´Ù. ±×·¯³ª ¸î¸î ±×·¡ÇÈ ÇÁ·Î±×·¥Àº »ç¿ë ¸ñÀû¿¡ ¸Â°Ô ÆÈ·¹Æ®¸¦ º¯°æÇÒ ¼ö ÀÖ´Ù.
ºê·Î¿ìÀúµéÀº ¾ÆÁ÷±îÁö ¸¹ÀÌ »ç¿ëµÇ°í ÀÖ´Â 8-ºñÆ® µð½ºÇ÷¹ÀÌ(ÀÚü RGB Äڵ忡ÀÇÇØ Á¤ÀÇµÈ »ö»óÀ» °®´Â)¿Í ȣȯµÇµµ·Ï 256 ÆÈ·¹Æ®¸¦ »ç¿ëÇÑ´Ù. ºê·Î¿ìÀú¿¡¼ RGB ÄÚµå´Â µÎ°³ÀÇ 16Áø¼ö·Î ±¸¼ºµÈ ¼¼½ÖÀÇ RGB(¿¹,
rrggbb)·Î ÁÖ¾îÁø´Ù.
¿©±â¼
rr,
gg,
bb´Â Àû»ö, ³ì»ö, û»öÀ» ÀǹÌÇϸç, °¢°¢ 00¿¡¼ FF »çÀÌÀÇ °ªÀ» °®´Â´Ù(½ÊÁø¼öÀΰæ¿ì 0¿¡¼ 255). À©µµ¿ìÁî´Â Ç¥Á¦Æ², ¸Þ´º¹ÙµîÀ» À§ÇØ 256°³ÀÇ »ö»óÁß 20°³¸¦ ¿¹¾àÇØ ³õ¾ÒÀ¸¹Ç·Î ÀÌµé »ö»óÀº ´Ù¸¦ ÀÀ¿ëÇÁ·Î±×·¥¿¡¼µµ µ¿ÀÏÇÏ°Ô »ç¿ëµÈ´Ù.
ÀÌ·¯ÇÑ »ö»óµéÀº º¸Åë ÀÀ¿ëÇÁ·Î±×·¥¿¡ÀÇÇØ º¯°æµÇÁö ¾Ê´Â´Ù. ÀÌµé »ö»óÁß 16°³°¡ ¿ø»ö°ú ¿ø»öÀÇ Á¶ÇÕ¿¡ ¹é»ö, Èæ»ö°ú µÎ°³ÀÇ È¸»ö ¸í¾ÏÀ» ´õÇØ Àü¸í¾Ï(¹àÀ½)°ú ¹Ý¸í¾Ï(¾îµÎ¿ò)À» ±¸¼ºÇÑ´Ù. CGI°¡ 16 »ö»óÀ» »ç¿ëÇß¾ú´Ù´Â °ÍÀ» ±â¾ïÇϱ⠹ٶõ´Ù.
˼Ț
C0C0C0 |
ȸ»ö
808080 |
¹ã»ö
800000 |
³ì»ö
008000 |
±ºÃ»»ö
000080 | ÀÚÁÖ»ö
800080 |
ȲÅä»ö
808000 | ´ãû»ö
008080 |
Èò»ö
FFFFFF |
Èæ»ö
000000 |
Àû»ö
FF0000 |
¿¬µÎ»ö
00FF00 |
û»ö
0000FF | ºÐÈ«»ö
FF00FF |
³ë·£»ö
FFFF00 | Çϴûö
00FFFF |
ÀÌµé »ö»óÀº 16Áø¼öÀÇ RGB ÄÚµå °ªÀ̳ª À§¿¡¼ º¸¿©Áø À̸§¿¡ÀÇÇØ ÁöÁ¤µÇ¾î¾ß ÇÑ´Ù(³ì»öÀº ¹Ý¸í¾Ï ³ì»öÀ» ÀǹÌÇÑ´Ù´Â °Í¿¡ ÁÖÀÇÇϱ⠹ٶõ´Ù. Àü ¸í¾Ï ³ì»öÀº ¿¬µÎ»öÀ̶ó°í ÇÑ´Ù. ¶ÇÇÑ »ç¿ëÀÚÀÇ ºê·Î¿ìÀú°¡ Çϴûö(cyan)¿¡´ëÇØ ¹°»ö(aqua)°ú °°Àº ´Ù¸¥ À̸§µµ Çã¿ëÇØ¾ß ÇÑ´Ù). ¶ÇÇÑ ´ÙÀ½ÀÇ »ö»óÀº ¿¹¾àµÈ °ÍÀÌ´Ù
Áßȸ»ö - A0A0A4(ȸ»öÀÌ ¾Æ´Ï¶ó)
Èò°è¶õ»ö - FFFBF0
army olive - C0DCC0
powder blue - A6CAF0
A0A0A4 |
FFFBF0 |
C0DCC0 |
A6CAF0 |
¸¶Áö¸· ¼¼°³ÀÇ »ö»óÀº À©µµ¿ìÁîÀÇ ButtonFace, ButtonShadow¿Í ButtonHilightÀÇ »ö»óÀ¸·Î »ç¿ëµÇ¸ç, Á¦¾îÆÇÀÇ µð½ºÇ÷¹ÀÌ µî·ÏÁ¤º¸/ȸé¹è»ö¿¡¼ º¯°æÇÒ ¼ö ÀÖ´Ù.(¸¸¾à º¯°æÇÒ °æ¿ì¿¡ À̵éÀº ÆÈ·¡Æ®ÀÇ ÀϺΰ¡ µÇ¸ç µû¶ó¼ 256 »ö»óÁß¿¡¼ µð´õ¸µµÇÁö ¾ÊÀºÃ¼ Ãâ·ÂµÉ °ÍÀÌ´Ù.)
ÁÖ¿ä ºê·Î¿ìÀúµéÀÇ 256 ÆÈ·¹Æ®
»çÀÌÀÇ È£È¯¼ºÀÌ ¿ä±¸µÇ´Â °æ¿ì, ÆÈ·¹Æ®´Â À©µµ¿ìÀÇ ¿¹¾àµÈ »ö»ó(»ö»ó ÀÔ¹æÃ¼ÀÇ »ö»óÀ¸·Î ³ªÅ¸³ª´Â °ÍµéÁß 8°³ÀÇ »ö»ó) À̿ܿ¡ 00, 33, 66, 99, CC, FFÀÇ ¿©¼¸°³ÀÇ 16Áø¼ö °ª¸¸ »ç¿ëÇÑ R, G, B Äڵ带 °®´Â »ö»ó(6x6x6 = 216 »ö»óÀÌ °¡´ÉÇϸç, ÀϹÝÀûÀ¸·Î
»ö»ó ÀÔ¹æÃ¼¶ó°í ÇÑ´Ù)À¸·Î ±¸¼ºµÇ¾î¾ß ÇÑ´Ù.
256 »ö»ó ÆÈ·¹Æ®Áß¿¡¼ ³ª¸ÓÁö »ö»óÀº ºê·Î¿ìÀú¸¶´Ù ´Ù¸£¹Ç·Î ÀáÀçÀûÀÎ µð´õ¸µÀ» ÇÇÇÏ·Á¸é »ç¿ëÇÏÁö ¾Ê¾Æ¾ß ÇÑ´Ù. »ö»ó ÀÔ¹æÃ¼´Â ÀÌ»óÀûÀÎ °ÍÀÌ ¾Æ´Ï´Ù. ÀÌ °ÍÀº È®½ÇÈ÷ Á¶Á÷È µÇ¾úÁö¸¸ ´«À¸·Î ±¸ºÐÇϱâ Èûµé Á¤µµ(ƯÈ÷ À̵éÀº B °ª¸¸ Â÷À̸¦ °®´Â´Ù)·Î ¸¹Àº ¾îµÎ¿î »ö»óÀ» °¡Áö°í ÀÖ´Â ¹Ý¸é ±×·¹ÀÌ¿Í ÆÄ½ºÅÚÀº Áö³ªÄ¡°Ô ÀÛ´Ù.
¾Õ¿¡¼ ¹¬½ÃÀûÀ¸·Î ¾ð±ÞÇÑ °Íó·³ HTML ÆäÀÌÁö¸¦ º¸¿©ÁÖ´Â ¸ðµç ºä¾î°¡ 24-ºñÆ® Æ®·ç-Ä®¶ó³ª 16-ºñÆ® ÇÏÀÌÄ®¶ó ½Ã½ºÅÛÀ» »ç¿ëÇÏ´Â °ÍÀ¸·Î ¾Ë·ÁÀú ÀÖ´Ù¸é ÆÈ·¹Æ®³ª µð´õ¸µ¿¡ °ü½ÉÀ» °¡Áú Çʿ䰡 ¾ø´Ù.