brunch
매거진 일상

HEX 값의 원리

by 라용
hex코드_01.png

디지털 색상 표기법 Hex code. 이 값의 원리를 최근 알게 되어서 정리해둔다.

hex코드_02.png

Hex 값은 디지털 색상 RGB 와 관련이 있다. RGB는 Red, Green, Blue 의 조합으로 각 값이 0부터 255까지 수치로 설정되는데, Hex 값은 이 RGB 컬러를 #뒤에 오는 여섯 자리 숫자, 알파벳 조합으로 표현한다. 여섯 자리 코드를 2자리씩 묶어서 R, G, B 로 구분하고 각 수치는 0부터 F까지 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F의 조합으로 크고 낮음이 결정된다. (RGB를 16진법으로 표기, 9 이후 10부터 15까지 숫자는 한자리로 표기하기 위해 알파벳이 들어감) 두 자릿수 기준으로 FF 가 가장 높고 00이 가장 낮다. 3D 보다 D3이 더 큰 값이다.

hex코드_03.png

그래서 #000000 이면 블랙이고, #FFFFFF면 화이트. R을 표현하는 앞의 두 자리만 색을 넣으면 (#FF0000) 레드. 그린과 블루는 #00FF00, #0000FF 로 표현한다.

hex코드_04.png

F는 화이트이고 0은 검은색이니까. 검은색인 0이란 수치가 색을 채우는 것인가 싶다가도 RGB는 빛의 삼원색으로 가산혼합이니까.. 합하면 화이트가 되는 F라는 수치로 색이 채워지는 것이다. 아무튼 이런 원리를 알면 Hex 값을 직접 조절할 수 있다. 미세하게 색을 조절해야 할 때 그레이를 약간만 쿨톤그레이로 바꾸고 싶다면 blue 영역의 수치를 약간 더 해주는 식이다.

hex코드_05.png
keyword
매거진의 이전글일기 _ 황정은