워드프레스로 블로그를 운영하다 보면 다양한 색상을 사용해야 할 때가 많습니다. 색상은 주로 HEX 코드나 RGB 값으로 표현하는데, 이 두 가지 방식은 서로 변환이 가능합니다. 이 글에서는 윈도우 계산기를 이용하여 HEX를 RGB로 손쉽게 변환하는 방법을 알아보겠습니다.
윈도우 계산기를 이용하여 HEX를 RGB로 손쉽게 변환하는 방법
HEX 코드를 RGB로 변환해주는 무료 웹사이트는 많이 있습니다. 하지만 필요할 때마다 사이트를 찾아가거나 즐겨찾기에 추가하는 것이 번거로울 수 있습니다. 이 글에서는 별도의 웹사이트 없이도 윈도우에서 간단하게 HEX 코드와 RGB 값을 상호 변환할 수 있는 방법을 자세히 소개해 드리겠습니다.
1. HEX 코드와 RGB 코드의 구조 이해
HEX 코드는 16진수를 사용하여 색상을 표현하는 방식입니다. 예를 들어, 흰색은 #FFFFFF, 검은색은 #000000으로 나타냅니다. 이때 # 뒤의 6자리 숫자는 2자리씩 끊어 RGB(빨강, 초록, 파랑) 값을 표현합니다. 이를 표로 정리하면 아래와 같습니다.
| 구성 | Red (R) | Green (G) | Blue (B) |
|---|---|---|---|
| HEX 형식 | RR | GG | BB |
| HEX 범위 | 00 – FF | 00 – FF | 00 – FF |
| RGB 범위 | 0 – 255 | 0 – 255 | 0 – 255 |
여기서 RGB의 255를 HEX 코드로 변환하면 FF가 됩니다. 즉, 10진수 255는 16진수로 FF라는 의미입니다.
조금 더 자세히 알아볼까요?
6자리 HEX 코드는 2자리씩 끊어 각각 Red, Green, Blue를 나타낸다고 앞에서 설명드렸습니다. 예를 들어, #ff0000은 빨간색을, #00ff00은 녹색을, #0000ff는 파란색을 의미합니다. 또한, #ffffff은 흰색을, #000000은 검은색을 나타냅니다.
이들 색상을 RGB로 표현하면 어떻게 될까요? 아래와 같습니다.
RGB(255,0,0) 은 빨간색, RGB(0,255,0) 은 녹색, RGB(0,0,255)는 파란색을 나타납니다. 여기서 패턴이 보이시나요? 위에서 HEX 코드 FF가 10진수로 255라고 말씀드렸습니다. HEX 코드는 2자리로 표현할 수 있는 최대 크기의 숫자 세트를 3개 사용하고, RGB 코드는 이에 대응하는 3자리 숫자 세트를 3개 사용하는 차이가 있습니다.
2. 윈도우 계산기를 활용해 HEX 코드와 RGB 코드 변환하기
HEX코드와 RGB코드에 대해 어느정도 이해하셨기를 바라며, 지금부터 윈도우에 있는 계산기를 활용하여 코드를 변환하는 방법에 대해 알아보겠습니다.
윈도우 계산기를 실행하면 초기 설정이 ‘표준’으로 되어 있습니다. 여기서 아래와 같이 ‘메뉴(왼쪽 위에 있는 가로 3줄)’ → ‘프로그래머’를 순서대로 클릭하여, ‘프로그래머’ 모드로 변경합니다.
‘프로그래머’ 모드에서 ‘HEX’ 를 클릭한 다음, 아래와 같이 키패드에서 ‘F’ 를 2번 클릭하여 ‘FF’를 입력하면, 10진주(DEC) 255로 변환되는 것을 보실 수 있습니다. 반대로 DEC를 클릭한 다음, 키패드에서 255를 클릭하면 HEX(16진수) ‘FF’로 변환됩니다.
예를 들어 HEX코드 #6FA8DC 가 있을 경우, 2자리씩 끊으면 6F, A8, DC 입니다. 이를 윈도우 계산기의 프로그래머 모드에서 하나씩 입력하면 RGB코드에서 사용하는 10진수로 변환할 수 있습니다. 변환 값은 RGB(111, 168, 220) 입니다.
반대로도 가능한데요. DEC를 클릭한 다음, 111를 클릭하면 HEX코드 6F로 변환되는 것을 보실 수 있으실 겁니다.
오늘은 윈도우 계산기를 이용하여 HEX를 RGB로 손쉽게 변환하는 방법에 대해 상세히 알아보았습니다. HEX코드를 RGB코드로 변환하거나 반대로 RGB코드를 HEX코드로 변환할 필요가 있을 경우 이 글을 참고하여 변환해 보시기 바랍니다.