[COLOR] HEX code

    디자인 / / 2021. 3. 30. 10:50
    반응형

    HEX code란 무엇인가

     

    헥스코드는 RGB 방식의 색상 코드 표기법이다.

     

    #뒤에 6자리, 3자리 숫자로 색상을 표기하는 방식을 사용한다.

    (3자리가 6자리보다 처리속도가 빠르다)

     

    # + 6자리의 경우 두자리씩 끊어서 R,G,B의 강도롤 나타낸다.

    ex) #FF00FF -> # + FF(red)00(green)FF(blue)

    # + 3자리의 경우는 한자리씩 끊어서 RGB의 강도를 나타낸다.

    ex) #000 -> # + 0(red)0(green)0(blue)

     

     

    색상은 16진수를 사용 하여 표기한다.

    0~9, A~F를 사용한다.

     

    RGB와 똑같이 가산혼합 방식이다.

    최대값 #FFFFFF 혹은 #FFF이면 빛을 혼합한 색인 흰색이 나타난다.

    최소값 #000000 혹은 #000이면 빛이 없는 색인 검정색이 나타난다.

     

    RGB와 같이 적용가능한 색의 수는 최대 16,777,216개이다.

    # + 6자리수로 만들수 있는 색은 1677만7216개다. (16X16X16X16X16X16)

    # + 3자리수로 만들수 있는 색은 4096개이다. (16X16X16)

     

    참고 하면 좋은 글

    2021.03.29 - [색] - [COLOR] RGB 색 표현하기

     

    색 적용 예시

    See the Pen hex code by 윤재현 (@jh91) on CodePen.

     

     

    반응형
    • 네이버 블러그 공유하기
    • 네이버 밴드에 공유하기
    • 페이스북 공유하기
    • 카카오스토리 공유하기