상세 컨텐츠

본문 제목

프로그래밍 HEX 에서 colorRGB DEC(10진수)추출 또는 colorRGB 값에서 HEX(16진수)로 합치기 관련

프로그래밍 관련/프로그래밍 관련팁

by AlrepondTech 2018. 4. 18. 11:43

본문

반응형

 

 

 

=================================

=================================

=================================

 

 

 

 

 

 

 

출처: http://rushndash.tistory.com/90

 

 

비트 연산(Bitwise operation)은 한 개 혹은 두 개의 이진수에 대해 비트 단위로 적용되는 연산입니다.

사람한테는 10진수가 익숙하긴 한데 컴퓨터는 2진수가 편하다는군요.
2진수 100101을 10진수로 표시하면 아래와 같습니다.
100101 = (1 * 25) + (0 * 24) + (0 * 23) + (1 * 22) + (0 * 21) + (1 * 20) = 32 + 4 + 1 = 37

 

컬러조작에서 자주 사용되기 때문에 컬러 값을 조작하는 것으로 비트연산자를 설명할까합니다.

아래 표를 보면 16진수 0은 2진수로 0입니다. 그리고 16진수 F는 2진수로 1111입니다. 잘 기억해주세요.

10진수 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
16진수 0 1 2 3 4 5 6 7 8 9 A B C D E F
2진수 0000 0001 0010 0011 0100 0101 0110 0111 1000 1001 1010 1011 1100 1101 1110 1111

 

쉬프트 연산자

16진수 0xFF0000은 빨간색입니다. 2진수로는 아래와 같습니다.

1  1  1  1  1  1  1  1  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0 

이 0xFF0000을 오른쪽으로 8칸 보내면

0xFF0000 >> 8

                1  1  1  1  1  1  1  1  0  0  0  0  0  0  0  0 

0xFF00이 됩니다. 그럼 초록색이 되는군요. 다시한번 >> 8을 하면 이제 파란색이 되겠군요.

쉬프트 연산은 이처럼 2진수의 자리수를 이동시키는 것입니다.

 

AND 연산자

0xF845A3 이란 값은 분홍빛입니다.

이 색에서 RGB값을 추출해 내보려고 합니다.

 

0xF845A3을 2진수 테이블을 만들어 보면 아래와 같습니다.

1  1  1  1  1  0  0  0  0  1  0  0  0  1  0  1  1  0  1  0  0  0  1  1 

 

먼저 R(red)를 먼저 추출해 봅시다. 오른쪽 쉬프트 16번 하면 되겠군요.

0xF845A3 >> 16 간단하네요.

1  1  1  1  1  0  0  0 

 

이제 G(green)을 해봅시다. 8칸을 오른쪽으로 보내고 빨간 녀석을 없애버려야 하는데… 흠…이제 AND연산자의 성질이 필요해지네요.

AND 연산은 두 값의 각 자릿수를 비교해, 두 값 모두에 1이 있을 때에만 1을, 나머지 경우에는 0을 계산합니다.

0 & 0 = 0
0 & 1 = 0
1 & 0 = 0
1 & 1 = 1
 

따라서 0xF845A3을 8칸 보낸 0xF845 에 0x00FF(=0xFF)를 AND 연산하면

 



& 
0000000011111111
1111100001000101
  0000000001000101 

 

0과는 무조건 0이되기 때문에 1000101만 남는군요. 1000101은 우리가 추출하려던 green영역 값 0x45를 얻었습니다.

 

0  1  0  0  0  1  0  1 

 

이제 남은 파란색영역도 그린과 마찬가지 입니다. 이번에는 시프트가 필요없겠네요.

그냥 0xF845A3에 0x0000FF(=0xFF)만 AND 연산 해주면 되겠습니다.

 

1  0  1  0  0  0  1  1 

 

var a : int= 0xF845A3;

trace((a>>16).toString(16));    //f8

trace((a>>8&0xFF).toString(16));    //45

trace((a&0xFF).toString(16));     //a3

 

OR 연산자

이제 어렵게 나눈 R, G, B를 다시 합치려 합니다.

16칸을 쉼없이 달려온 R을 다시 자기 자리로 떠나 보내야 하는군요.

쉽죠 뭐 왼쪽으로 16번 시프트해주기만 하면되죠. G는 8번이었죠? B는 그대로 있으면 됩니다.

 

OR연산자는 AND연산자와 달리 참(1)하나라도 있으면 참이라고 인정해주는 아주 착한 녀석입니다. 따라서 OR 연산은 두 값의 각 자릿수를 비교해, 둘 중 하나라도 1이 있다면 1을, 아니면 0을 계산합니다.

 

0 | 0 = 0
0 | 1 = 1
1 | 0 = 1
1 | 1 = 1

 

1  1  1  1  1  0  0  0  0  0  0  0  0  0  0  0  0  0  0  0 0 0 0 0
0  0  0  0  0  0  0  0  0  1  0  0  0  1  0  1  0  0  0 0 0 0 0 0
0  0  0  0  0  0  0  0  0 0 0 0 0 0 0 0 1  0  1  0  0  0  1  1 

 

따라서 위치이동시킨 R, G, B를 OR연산을 하면 원래의 0xF845A3로 돌아오게 됩니다.

1  1  1  1 1  0  0  0  0  1  0  0  0  1  0  1  1  0  1  0  0  0  1  1 

 

 

Adobe의 devnet에 좋은 기사가 있습니다.
http://www.adobe.com/devnet/flash/articles/bitwise_operators.html
32bit unsigned bitwise shift 연산자 관련한 글
http://www.bit-101.com/blog/?p=1054

 

 

 

반응형

 

728x90

 

 

 

=================================

=================================

=================================

 

 

 

 

출처: https://stackoverflow.com/questions/19277010/bit-shift-and-bitwise-operations-to-encode-rgb-values

 

 

 

If you simply want to/from RGB conversion and don't care how I would suggest using java.awt.Color

int r = 255; //red int g = 255; //green int b = 255; //blue int a = 255; //alpha Color c = new Color(r,g,b,a);

The using the getRGB method and getRed, getBlue, getGreen methods

int RGB = c.getRGB(); int red = c.getRed(); int blue = c.getBlue(); int green = c.getGreen();

Alternatively you can construct a color object using the Color(r,g,b) constructor, it will have default 255 alpha.

With bit operations (ARGB, 32 bit colorspace). Constructing the RGB color:

int alpha = 255;     int red = 128; int green = 128; int blue = 128; int RGB = (alpha << 24); RGB = RGB | (red << 16); RGB = RGB | (green << 8); RGB = RGB | (blue);  System.out.println(Integer.toBinaryString(RGB));

Out 11111111100000001000000010000000

Decoding is done as in the link in the comment.

 

 

=================================

=================================

=================================

 

 

반응형


관련글 더보기

댓글 영역