색상 변환기
hex, rgb, oklch, hsl, hsv, lab, lch, xyz, oklab, x11 색상

HEX 색상 코드는 흔히 간단히 "hex"라고 하며, 웹 디자인 및 디지털 그래픽에서 색상을 16진수로 표현한 것입니다. '#' 기호 뒤에 6개의 문자 조합이 오며, 이는 숫자(0-9)와 문자(A-F)가 될 수 있습니다. 이 문자들은 색상의 빨강, 초록, 파랑(RGB) 구성 요소의 강도를 나타내어 광범위한 색상을 정밀하게 지정할 수 있게 합니다. HEX 색상 코드는 웹사이트의 색상을 정의하기 위해 HTML 및 CSS에서 널리 사용되며, 디자이너와 개발자가 다양한 플랫폼과 브라우저에서 일관되고 정확한 색상 재현을 보장할 수 있는 표준화된 방법을 제공합니다.

HEXA 색상 코드는 알파 채널을 통합한 기존 HEX 색상 모델의 확장입니다. 표준 HEX 코드는 6자(예: #RRGGBB)를 사용하여 빨강, 초록, 파랑을 정의하지만, HEXA는 투명도를 나타내기 위해 끝에 두 개의 추가 문자(예: #RRGGBBAA)를 추가합니다. 알파 값의 범위는 00(완전 투명)에서 FF(완전 불투명)까지입니다. HEXA 코드는 개발자가 단일 간결한 문자열로 스타일시트에서 투명도가 있는 색상을 직접 지정할 수 있게 해주기 때문에 현대 웹 디자인에서 점점 더 많이 사용되고 있습니다.

HSL 색상 코드는 색조(Hue), 채도(Saturation), 밝기(Lightness)를 의미합니다. 이는 RGB 색상 모델의 대체 표현으로, 더 직관적이고 인간의 색상 인식에 더 잘 맞도록 설계되었습니다. HSL은 색상을 세 가지 구성 요소로 분해합니다.

• 색조(Hue): 색상환에서 각도(0-360)로 측정되는 빨강, 파랑 또는 노랑과 같은 색상 자체의 유형을 나타냅니다.
• 채도(Saturation): 색상의 강도 또는 순도를 0%(회색조)에서 100%(완전한 색상)까지 나타냅니다.
• 밝기(Lightness): 색상이 얼마나 밝거나 어두운지를 결정하며, 0%(검정)에서 100%(흰색)까지입니다.

HSL 색상 코드는 웹 디자인 및 디지털 아트에서 광범위하게 사용되어 디자이너와 개발자가 색상 속성을 쉽게 조정하여 조화로운 색상 배합과 시각 효과를 만들 수 있게 해줍니다.

HSLA 색상 코드는 HSL 색상 모델의 확장으로, 혼합에 알파 채널을 추가합니다. HSLA는 색조(Hue), 채도(Saturation), 밝기(Lightness) 및 알파(Alpha)를 의미합니다.

• 색조(Hue): 색상의 유형을 도(0-360)로 나타냅니다.
• 채도(Saturation): 색상의 순도를 측정합니다(0%에서 100%).
• 밝기(Lightness): 밝기를 지정합니다(검정의 경우 0%, 흰색의 경우 100%).
• 알파(Alpha): 투명도를 제어합니다(완전 투명의 경우 0, 완전 불투명의 경우 1).

HSLA 색상 코드는 웹 디자인 및 그래픽 디자인에서 특히 유용하며, 디자이너가 다양한 수준의 투명도를 가진 색상을 정의할 수 있게 하여 디지털 콘텐츠의 요소 계층화 및 시각적 외관에 대한 제어를 향상시킵니다.

HSV 색상 코드는 색조(Hue), 채도(Saturation), 명도(Value)를 의미하며, 디지털 디자인 및 컴퓨팅에서 널리 사용되는 색상 표현 시스템입니다. 빨강, 초록, 파랑의 원색에 초점을 맞춘 HEX와 달리 HSV는 색상의 다른 측면을 고려합니다.

• 색조(Hue): 색상환 주위의 0에서 360도 범위의 색상 유형을 나타냅니다.
• 채도(Saturation): 색상의 강도 또는 순도를 측정하며, 0%는 회색조이고 100%는 완전히 포화된 상태입니다.
• 명도(Value): 색상의 밝기를 지정하며, 0%는 검정이고 100%는 완전히 조명된 색상입니다.

HSV 색상 코드는 색상을 다루는 직관적인 방법을 제공하여 디자이너가 색조, 채도 및 명도를 쉽게 조정하여 웹 디자인 및 그래픽 디자인을 포함한 다양한 디지털 디자인 애플리케이션에서 원하는 시각 효과를 얻을 수 있게 해줍니다.

HSVA 색상 코드는 HSV 색상 모델의 확장으로, 알파 채널을 도입하여 색조(Hue), 채도(Saturation), 명도(Value) 및 알파(Alpha)를 생성합니다.

• 색조(Hue): 색상 유형을 0에서 360도 값으로 정의합니다.
• 채도(Saturation): 색상 강도를 나타내며, 0%(회색조)에서 100%(완전 포화)까지입니다.
• 명도(Value): 밝기를 결정하며, 0%는 검정이고 100%는 완전히 조명된 색상입니다.
• 알파(Alpha): 투명도를 제어하며, 0(완전 투명)에서 1(완전 불투명)까지 변합니다.

HSVA 색상 코드는 웹 디자인, 그래픽 디자인 및 디지털 아트에서 유용하며, 다양한 수준의 투명도를 가진 색상을 정밀하게 지정할 수 있습니다. 이 확장은 디지털 창작물에서 시각적 측면과 요소 계층화에 대한 제어를 향상시킵니다.

LAB 색상 공간(특히 CIELAB 또는 CIE L*a*b*)은 1976년 국제 조명 위원회(CIE)에서 정의한 색상 표준입니다. 이는 세 가지 차원으로 색상을 나타냅니다. 'L'은 밝기(검정의 0에서 흰색의 100까지), 'a'는 초록-빨강 색상 구성 요소, 'b'는 파랑-노랑 색상 구성 요소입니다. RGB 또는 CMYK와 달리 LAB는 장치 독립적으로 설계되었습니다. 즉, 특정 화면이나 프린터에서 생성되는 방식이 아니라 인간의 인식을 기반으로 색상을 정의합니다. 이는 서로 다른 색상 프로필 간에 변환하는 데 중요한 중간 공간이 됩니다.

LCH 색상 코드는 밝기(Lightness), 채도(Chroma), 색조(Hue)를 의미합니다. 이는 CIELAB (LAB) 색상 공간의 원통형 표현으로, 인간이 이해하기 더 직관적으로 설계되었습니다. '밝기'는 색상의 밝은 정도를 나타내고, '채도'는 강도 또는 순도를 나타내며, '색조'는 색상 자체(예: 빨강, 파랑, 초록)를 색상환의 각도로 지정합니다. LCH는 지각적 균일성 때문에 디자인 및 색채학에서 특히 가치가 있으며, 이는 수치 값의 변화가 인간의 눈으로 인식되는 시각적 변화와 비교적 잘 일치함을 의미합니다.

OKLAB 색상 공간은 2020년 Björn Ottosson이 설계한 지각 색상 공간입니다. 이는 전통적인 CIELAB 공간에 대한 현대적인 개선으로, 사용하기 쉬우면서도 LAB의 지각적 균일성 결함, 특히 LAB에서 보라색으로 보일 수 있는 파란색 색조 처리를 수정하는 것을 목표로 합니다. OKLAB은 세 가지 좌표를 사용합니다. 'L'은 지각된 밝기, 'a'는 초록-빨강, 'b'는 파랑-노랑입니다. 뛰어난 지각 정확도 덕분에 색상 혼합, 그라디언트 생성 및 이미지 처리와 같은 작업에 탁월합니다.

OKLCH는 OKLAB의 지각적 균일성과 LCH(밝기, 채도, 색조)의 직관적인 원통형 좌표를 결합한 색상 공간입니다. HSL이나 표준 LCH보다 예측 가능한 색상 조작(예: 조화로운 팔레트 생성 또는 지각된 색조를 변경하지 않고 밝기 조정)이 가능하기 때문에 현대 웹 디자인 및 CSS에서 선호되는 색상 공간이 되고 있습니다. 최신 CSS 색상 모듈 레벨 4에서 기본적으로 지원되므로 더 생생하고 접근하기 쉬운 색상 배합이 가능합니다.

RGB 색상 코드는 빨강(Red), 초록(Green), 파랑(Blue) 색상 코드의 약자로, 디지털 디자인 및 컴퓨팅에서 색상을 정의하는 데 사용되는 숫자 표현입니다. 각각 0에서 255 사이의 범위인 3개의 숫자 값으로 구성되며, 빨강, 초록, 파랑 원색의 강도를 나타냅니다. 이 값을 조정하여 넓은 스펙트럼의 색상을 만들 수 있습니다. RGB 색상 코드는 웹 디자인, 그래픽 디자인, 이미지 편집 등 다양한 애플리케이션에서 일반적으로 사용되어 디지털 디스플레이, 이미지 및 콘텐츠의 색상을 정밀하게 지정하고 재현합니다.

RGBA 색상 코드는 빨강(Red), 초록(Green), 파랑(Blue), 알파(Alpha)를 의미하며, 디지털 디자인 및 컴퓨팅에서 사용되는 색상 표현 형식입니다. 이는 RGB 색상 모델의 확장으로, 빨강, 초록, 파랑(RGB) 구성 요소의 강도를 지정하는 것 외에도 알파 채널이 포함됩니다. 알파 채널은 색상의 투명도 또는 불투명도를 제어하며, 값의 범위는 0(완전 투명)에서 1(완전 불투명)까지입니다. RGBA 색상 코드는 웹 디자인, 그래픽 디자인 및 이미지 편집에서 다양한 수준의 투명도를 가진 색상을 정의하는 데 널리 사용되어 시각적으로 매력적이고 계층화된 디지털 콘텐츠를 만드는 데 필수적입니다.

XYZ 색상 공간은 1931년 CIE(국제 조명 위원회)에서 설립한 모든 현대 색상 관리 시스템의 기본 모델입니다. 이는 빛의 물리적 파장과 인간의 색각 사이의 관계를 수학적으로 정의합니다. 이 모델에서 'Y'는 휘도(밝기)에 해당하고 'X'와 'Z'는 색도를 설명하는 가상 콤포넌트로 사용됩니다. 인간의 눈에 보이는 모든 색상을 포함하기 때문에 XYZ는 서로 다른 장치 및 색상 공간 간에 색상을 변환하기 위한 표준 참조 공간으로 사용됩니다.

X11 색상은 컴퓨팅, 특히 Unix 기반 운영 체제의 일반적인 그래픽 사용자 인터페이스인 X Window 시스템에서 사용되는 표준화된 색상 집합을 나타냅니다. X11 색상 팔레트에는 각각 특정 16진수 코드(HEX) 표현이 있는 140개의 명명된 색상이 포함되어 있습니다. 이러한 명명된 색상은 소프트웨어 개발, 웹 디자인 및 그래픽 디자인에서 색상을 지정하는 일관되고 널리 인식되는 방법을 제공합니다. 디자이너와 개발자는 종종 'red', 'blue', 'green'과 같은 X11 색상 이름과 해당 HEX 값을 사하여 다양한 시스템 및 플랫폼 간의 색상 일관성 및 호환성을 보장합니다.