색상을 HEX에서 RGB로 변환하는 것은 숫자 값을 16 진수에서 10 진수 시스템으로 변환하는 것만 큼 간단합니다. 16 진수 색상을 변환하려면 #32A852
, 코드를 두 쌍으로 나눕니다. 32 A8 52
각 쌍을 10 진수 값으로 변환:
32 = 50 A8 = 168 52 = 82
#32A852 = RGB(50, 168, 82)
16 진수
16 진수 시스템을 설명합니다. 16 개의 기호로 구성된 숫자 시스템입니다. 0에서 9까지의 숫자를 사용하여 0에서 9까지의 숫자를 나타내고 문자 A에서 F를 사용하여 10에서 15까지의 숫자를 나타냅니다.
인간이 읽을 수있는 형식으로 이진 코드를 표현하는 수단으로 컴퓨터 과학 및 수학에서 가장 자주 사용됩니다.
컴퓨터 나 과학자와 달리 우리 대부분은 십진법을 사용합니다. 0에서 9까지의 숫자로 구성되며 숫자를 사용하는 표준 방법입니다. 우리는 유치원에서 배우기 시작하고 매일 사용합니다.
자동차가 10mph로 주행하다 고양이 무게 4kg 한 달은 30 일로 구성됩니다.
RGB
서로 다른 색상을 만들기 위해 혼합 할 수있는 빛의 빨강, 녹색 및 파랑 색조를 나타냅니다. TV 화면, 컴퓨터 모니터 및 스마트 폰 디스플레이 용 이미지를 생성하는 표준 방법입니다.
더 정확하게 말하면 RGB는 추가 색상 모델입니다. 즉, 다른 색상을 만들려면 색상을 함께 추가해야합니다.
색상을 다른 색상 위에 쌓는다고 상상해보십시오.
노트: 장치마다 RGB 값이 다릅니다. 각 장치는 서로 다른 색상 혼합 이론을 사용합니다. 즉, RGB 색상이 모든 장치에서 동일하지 않으며 동일하게 보이려면 색상 관리가 필요합니다.
RGB 색상 모델에서 색상을 설명하려면 빨간색, 녹색 및 파란색이 얼마나 필요한지 알려야합니다.
RGB 3 색을 사용하여 필요한 빨강, 녹색 및 파랑의 양을 나타냅니다. (R, G, B)
여기서 각 요소는 0에서 정의 된 최대 값까지 다양합니다.
모든 요소가 0에있는 경우 (0, 0, 0)
- 결과는 검은 색입니다.
모든 요소가 최대 값 인 경우 (255, 255, 255)
- 결과는 흰색입니다.
이 숫자의 조합은 다른 색상을 구성합니다. (255, 255, 0)
- 결과는 노란색입니다
이것은 색 농도 비트 단위로 측정됩니다.
2018 년 현재 거의 모든 TV, 컴퓨터 및 스마트 폰 디스플레이는 다음과 같은 24 비트 색 심도를 사용합니다. 트루 컬러. 세 가지 색상 각각에 대해 8 비트 또는 총 24 비트를 지원합니다.
이것은 제공합니다 28 또는 256 빨강, 녹색 및 파랑에 대해 가능한 값:
256 x 256 x 256 = 16,777,216 트루 컬러 팔레트에서 가능한 총 색상
이제 16 진법과 10 진법의 차이를 알았으니 어떻게 서로 변환 할 수 있는지 살펴 보자.
이미 알고 있듯이 16 진수 시스템에서 0에서 9까지의 숫자는 0에서 9까지를 나타내고 문자 A에서 F는 10 진수로 10에서 15를 나타냅니다.
다음은 16 진수에서 10 진수로의 변환을 설명하는 데 능숙한 심층 표입니다.:
HEX를 RGB로 변환하려면 16 진수 값을 두 쌍으로 분할하고 10 진수로 변환해야합니다.
예 #1: 빨간색으로 변환 #FF0000
...에 RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
예 #2: 녹색으로 변환 #00FF00
...에 RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
예 #3: 파란색으로 변환 #0000FF
...에 RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
예 #4: 검은 색으로 변환 #000000
...에 RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
예 #5: 흰색으로 변환 #FFFFFF
...에 RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
보너스 예 #6: 금색으로 변환 #FFD700
...에 RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
RGB를 HEX로 변환하려면 빨간색 녹색과 파란색 값을 10 진수에서 16 진수로 변환해야합니다.
예 #1: 빨간색으로 변환 (255, 0, 0)
...에 마녀:
아르 자형 = 255 = FF 지 = 0 = 00 비 = 0 = 00 마녀 = #FF0000
예 #2: 녹색으로 변환 (0, 255, 0)
...에 마녀:
아르 자형 = 0 = 00 지 = 255 = FF 비 = 0 = 00 마녀 = #00FF00
예 #3: 파란색으로 변환 (0, 0, 255)
...에 마녀:
아르 자형 = 0 = 00 지 = 0 = 00 비 = 255 = FF 마녀 = #0000FF
예 #4: 검은 색으로 변환 (0, 0, 0)
...에 마녀:
아르 자형 = 0 = 00 지 = 0 = 00 비 = 0 = 00 마녀 = #000000
예 #5: 흰색으로 변환 (255, 255, 255)
...에 마녀:
아르 자형 = 255 = FF 지 = 255 = FF 비 = 255 = FF 마녀 = #FFFFFF
보너스 예 #6: 금색으로 변환 (255, 215, 0)
...에 마녀:
아르 자형 = 255 = FF 지 = 215 = D7 비 = 0 = 00 마녀 = #FFD700
위의 예에서 볼 수 있듯이 Hex와 RGB의 주요 차이점은 다른 숫자 체계를 사용한다는 것입니다. HEX는 16 진수를 사용하고 RGB는 10 진수를 사용합니다.
색상을 HEX에서 RGB로 변환하는 것은 숫자 값을 16 진수에서 10 진수 시스템으로 변환하는 것만 큼 간단합니다.
우리의 경험과 우리 팀이 수년 동안 관찰 한 바에 따르면 16 진수는 특히 웹 개발 및 웹 디자인 산업에서 RGB보다 더 자주 사용됩니다.
그러나 둘 다 같은 색을 나타 내기 때문에 사용하는 것은 차이가 없습니다. 유일한 제안은 일관성을 유지하는 것입니다.
웹 프로젝트 전반에 걸쳐 RGB를 사용하기 시작하는 경우에는 계속 사용하십시오. 웹 프로젝트 전체에서 HEX를 사용하기 시작하는 경우 HEX 만 사용하십시오.