Hex 코드란 무엇이며 어떻게 사용합니까?

Hex 코드란 무엇이며 어떻게 사용합니까?
Rick Davis

이 도움말에서는 Hex Code의 기본 사항과 적용 방법에 대해 알아봅니다.

그래픽 소프트웨어를 사용해 본 적이 있다면 6자리 숫자와 색상 선택기 메뉴 시작 부분에 있는 해시태그 기호입니다.

숫자는 Hex Code라고 합니다. Hex Code는 Hexadecimal 시스템을 기반으로 하는 색상 코드입니다.

또한보십시오: 아이소메트릭 디자인: 디자이너 가이드

디자인 소프트웨어의 색상 선택기를 사용하여 특정 색상을 샘플링한다고 가정합니다. 이 경우 해당 Hex 코드와 대부분의 경우 해당 RGB 및 HSB 값이 자동으로 표시됩니다. Hex Code 번호를 RGB, CMYK 및 HSB 색상 값으로 또는 그 반대로 변환할 수 있습니다. 16진수 색상 코드 변환에 사용할 수 있는 많은 무료 계산기가 온라인에서 제공됩니다.

사용 가능한 16진수 색상 코드만 있는 경우 16진수 버튼에 입력하면 해당 색상이 채우기 또는 Stroke Well.

출처: Vectornator Color Panel

16진법

우리는 10진법으로 계산하는 데 익숙합니다. 우리의 인도-아라비아 수 체계는 10개의 기호를 사용하여 숫자(0에서 9까지)를 표시합니다. 반면에 16진법은 16개의 숫자를 포함합니다. 1950년대 중반부터 문자 A~F 또는 a~f는 6개의 추가 숫자를 나타내는 숫자 기호로 사용되었습니다. 이것은 당시 IBM 컴퓨터 과학자들의 관행으로 거슬러 올라갑니다.

단어 16진수 Hexa Decem이라는 용어로 구성됩니다.

Hexa는 그리스어에서 유래되었으며 "6"을 의미하고 Decem은 "10"을 의미하는 라틴어입니다. 따라서 16진수 체계는 16을 밑으로 하는 숫자를 나타내는 자릿값 체계입니다. 이것은 16진수 체계가 16개의 서로 다른 숫자를 사용한다는 것을 의미합니다. 즉, 2진법(1과 0)의 2개 또는 10진법(0~9)의 10개와 달리 16개의 가능한 숫자 기호가 있습니다.

16진수 시스템은 컴퓨터 기술에 사용됩니다. 큰 숫자 또는 긴 비트 시퀀스의 가독성을 용이하게 합니다. 이들은 각각 4비트로 그룹화되어 16진수로 변환됩니다. 결과: 1과 0의 긴 순서는 더 짧은 16진수가 되며, 둘 또는 넷의 그룹으로 나눌 수 있습니다. 따라서 16진수는 비트 시퀀스를 나타내는 보다 간결한 형태입니다.

큰 이진수는 매우 혼란스러운 단점이 있습니다. 이를 해결하기 위해 16진수 시스템이 도입되었습니다. 여기서 이중 숫자의 4비트는 16진수 문자로 대체됩니다. 4비트 쌍수는 16가지 상태를 가질 수 있지만 우리는 10진수만 알고 있기 때문에 16진수 체계에 6개의 문자가 추가되었습니다.

16진수 값은 10진수 대신 16진수입니다. , 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

문자 A, B, C, D, E 및 F는 추가 가치.

16진수 색상 정의

16진수 색상 코드는 0에서 255까지의 색상 값을 나타내는 코드 값입니다.

빨간색, 녹색 및 파란색이 모두 최소 0(코드에서 "00"으로 표시됨)인 경우 표현된 색상은 검은색입니다. 빨강, 초록, 파랑이 모두 최대 255(코드에서 "ff"로 표현)일 때 표현되는 색상은 흰색입니다.

컴퓨터 지원 그래픽 디자인에서 색상을 정확하게 지정하려면, RGB 모델 을 기반으로 6자리 16진수 코드로 표현됩니다. 처음 두 숫자는 빨간색을 나타내고 그 다음은 녹색과 파란색입니다. 각 색조는 이 세 가지 기본 색상에서 혼합됩니다. 숫자 값은 255개 부분과 1,600만 개 이상의 색상으로 나뉩니다. 기본 색상의 전체 색조 값은 255이며 16진수 코드 "FF"에 해당합니다. 색상 값 "0"은 기본 색상이 포함되지 않음을 나타냅니다. 순수한 흰색은 빨강, 녹색 및 파랑 색상의 디지털 혼합에서 생성되므로 이 색상의 16진수 코딩은 #FFFFFF입니다. 빨간색의 경우 이를 바탕으로 16진수 코드 #FF0000이 파생됩니다.

또한보십시오: 2023년에 사용할 수 있는 9가지 최고의 AI 아트 생성기

왼쪽 이미지: Hex Code: #FFFFFF 오른쪽 이미지: Hex Code: #FF0000

16진수 색상 정의 시스템은 컴퓨터 지원 설계의 많은 영역에서 응용 프로그램을 찾습니다. 이 시스템에서 색상은 3개의 연속된 16진수로 표시되며 각 숫자는 RGB 색상의 색상을 나타냅니다.공간. RGB는 혼합 색상에서 빨강, 녹색 및 파랑의 기본 색상 비율에 대한 약어입니다.

16진수 색상 정의는 일반적으로 6자리 형식, 즉 3개의 16진수 숫자 시퀀스입니다. , 각각 두 자리 숫자로 작성됨: #RRGGBB, 옥텟당 2 8 {\displaystyle 2^{8}} 2^{8}} (= 256) 서로 다른 상태를 정의할 수 있음 완전히 "오프" 색상 및 100% 채도를 위한 255(FF).

16진수 색상 값은 1,600만 가지 이상의 다양한 색상을 표시할 수 있습니다.

몇 가지를 기억하는 것이 도움이 될 수 있습니다. 더 일반적인 16진수 색상. 이 지식은 코더를 사용하여 즉석에서 디자인하는 경우 유용할 수 있습니다.

헥스 색상 및 알파 채널

일반적으로 알파 채널 그래픽 소프트웨어에 별도의 컨트롤이 있으며 6자리 HEX 코드를 방해하지 않습니다. 6자리 Hex Code에 위치한 색상 값을 표시하는데, 알파는 6자리 HEX Code에 영향을 주지 않는 별도의 슬라이더로 구성되는 경우가 많습니다. 6자리 HEX 코드는 표시된 색상만 제어합니다. 알파 값을 변경하려면 Color Picker의 별도 알파 채널 슬라이더 또는 Vectornator의 Color Slider Space를 사용해야 합니다.

그럼에도 일반적으로 알파 값을 구현하는 것은 기술적으로 가능합니다. HEX 코드에 직접 입력합니다. CSS 16진수 코드 사용f.ex, Alpha 값을 추가할 수 있습니다. 알파 값을 사용하여 색상 투명도를 업데이트하면 6자리 #RRGGBB에서 8자리 #RRGGBBAA로 16진수 코드 형식이 변경됩니다.

왼쪽 이미지: 16진수 코드: #FFFFFF 오른쪽 이미지: Hex Code: #FF0000

Unsplash의 Pierre Bamin 표지 사진.




Rick Davis
Rick Davis
Rick Davis는 업계에서 10년 이상의 경험을 가진 노련한 그래픽 디자이너이자 비주얼 아티스트입니다. 그는 작은 신생 기업에서 대기업에 이르기까지 다양한 고객과 함께 일하면서 효과적이고 영향력 있는 비주얼을 통해 고객이 디자인 목표를 달성하고 브랜드를 높일 수 있도록 도왔습니다.뉴욕시 시각 예술 학교를 졸업한 Rick은 새로운 디자인 트렌드와 기술을 탐구하고 이 분야에서 가능한 것의 경계를 지속적으로 넓히는 데 열정적입니다. 그는 그래픽 디자인 소프트웨어에 대한 깊은 전문 지식을 가지고 있으며 항상 자신의 지식과 통찰력을 다른 사람들과 공유하기를 열망합니다.디자이너로서의 작업 외에도 Rick은 헌신적인 블로거이기도 하며 그래픽 디자인 소프트웨어 세계의 최신 트렌드와 개발을 다루는 데 전념하고 있습니다. 그는 정보와 아이디어를 공유하는 것이 강력하고 활기찬 디자인 커뮤니티를 육성하는 데 핵심이라고 믿으며 항상 온라인에서 다른 디자이너 및 크리에이티브와 연결하기를 열망합니다.클라이언트를 위한 새 로고를 디자인하든, 자신의 스튜디오에서 최신 도구와 기술을 실험하든, 유익하고 매력적인 블로그 게시물을 작성하든, Rick은 항상 최고의 작업을 제공하고 다른 사람들이 디자인 목표를 달성하도록 돕기 위해 최선을 다하고 있습니다.