728x90
반응형

출처 - HTML Color Codes

Color Code

색상의 구분과 표현

색상 코드는 색상을 표현하기 위해 사용되는 특정한 형식 또는 시스템으로 숫자, 문자 또는 기호의 조합으로 이루어진다.

이것은 모두 색상을 고유하게 식별하고 정확하게 표현하기 위해 표준화되었으나 다양한 기준이 있다.

 

Color Code의 종류

  • HEX 코드 (Hexadecimal Color Code) 
  • RGB 코드 (Red, Green, Blue)
  • Pantone Matching System (PMS)
  • CMYK (Cyan, Magenta, Yellow, Key/Black)
  • RAL Code
  • Munsell Code
  • NCS (Natural Color System)

 

1. HEX 코드 (Hexadecimal Color Code) : https://www.color-hex.com/

 

Color Hex Color Codes

Color Hex Color Codes Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK), Triadic colors, monochromatic colors and analogous colors calculated in color page. Color-hex.com also generates a simple css code for the selecte

www.color-hex.com

- 웹 디자인, 그래픽 디자인, 소프트웨어 개발 등 다양한 분야에서 널리 사용됩니다.
웹 컬러 시스템의 표준으로 여겨지며, 웹 페이지에서 색상을 정확하게 표현하는 데 주로 사용됩니다.

 

HEX 코드는 16진수로 표현된 RGB (Red, Green, Blue) 값으로 색상을 나타내는 코드입니다.
HEX 코드는 '#' 문자로 시작하며, 그 뒤에 6자리의 16진수 숫자로 구성됩니다.
예를 들어, #FF0000은 빨간색을, #00FF00은 초록색을, #0000FF는 파란색을 나타냅니다.
각 16진수 자리는 0부터 15까지의 값을 나타내며, 0부터 9까지는 0부터 9로 표기하고, 10부터 15까지는 A부터 F로 표기합니다.


2. RGB 코드 (Red, Green, Blue) : https://www.rgbtohex.net/

 

RGB to HEX

Convert RGB color codes to HEX HTML format for use in web design and CSS. Also converts RGBA to HEX.

www.rgbtohex.net

컴퓨터 그래픽스, 컬러 피커 앱, 그래픽 디자인 도구 등에서 널리 사용됩니다.
색상을 채널별로 조정하여 정확한 표현이 가능하며, 다양한 소프트웨어와 시스템에서 지원됩니다.

 

RGB 코드는 색상을 나타내는데 사용되는 빛의 삼원색인 빨간색(Red), 초록색(Green), 파란색(Blue)의 조합을 나타내는 코드입니다.
각 색상 채널은 0부터 255까지의 값을 가질 수 있으며, 0은 색이 없음을 의미하고, 255는 해당 색상의 최대 강도를 나타냅니다.
예를 들어, (255, 0, 0)은 빨간색을, (0, 255, 0)은 초록색을, (0, 0, 255)는 파란색을 나타냅니다.


3. Pantone Matching System (PMS) : https://www.pantone.com/

 

Color Solutions, Trends, Guides & Tools

 

www.pantone.com

산업 및 인쇄 분야에서 널리 사용되며, 색상을 고유한 번호로 식별하는 시스템입니다.
제품 색상 표준화와 일관성을 유지하기 위해 사용됩니다.

 

PMS 코드는 Pantone Matching System의 약자로, 특정 색상을 정확하게 식별하기 위해 사용되는 색상 코드 시스템입니다.
PMS 코드는 색상을 고유한 번호로 식별하며, 해당 색상을 일관성 있게 재현하는 데 사용됩니다.
각 PMS 색상은 번호와 이름으로 식별되며, 예를 들어 "PMS 185C"는 빨간색을 나타냅니다.
PMS는 주로 인쇄물, 패션, 그래픽 디자인 분야에서 사용되며, 색상의 정확한 재현이 필요한 상황에서 유용합니다.


4. CMYK (Cyan, Magenta, Yellow, Key/Black) :

인쇄물, 출판물, 인쇄 광고 등에서 사용되는 인쇄 색상 모델입니다.
색상을 채널별로 조합하여 다양한 색상을 생성합니다.

 

CMYK 코드는 색상을 인쇄에서 사용되는 색상 모델인 시안(Cyan), 마젠타(Magenta), 노랑(Yellow), 키 또는 블랙(Key/Black)의 색상 채널 값으로 표현하는 코드입니다.
각 색상 채널은 0부터 100까지의 값으로 표현되며, 0은 해당 색상이 없음을 의미하고, 100은 해당 색상의 최대 강도를 나타냅니다.
CMYK 코드는 주로 인쇄물, 출판물, 인쇄 광고 등에서 사용되는 색상 표현 방식입니다.
CMYK는 프린터 잉크의 조합에 따라 색상을 혼합하여 재현하므로, 일부 색상은 RGB 코드와는 다소 차이가 있을 수 있습니다.


5. RAL Code :

 

RAL (Reichs-Ausschuss für Lieferbedingungen) Code

RAL (Reichs-Ausschuss für Lieferbedingungen) RAL은 독일의 규격화 기구인 Reichs-Ausschuss für Lieferbedingungen의 줄임말로 1925년에 독일의 경제 조직인 "워트베 르번"에 의해 설립되었다. 이 조직은 독일에서 제조

pptech.tistory.com

RAL 시스템 

RAL은 Reichs-Ausschuß für Lieferbedingungen und Gütesicherung (독일어로 "규격 및 품질 보증위원회")의 약자로, 색상 표준화를 위해 개발된 시스템입니다. RAL 시스템은 다양한 산업 분야에서 색상을 일관성 있게 식별하고 표현하기 위해 사용됩니다.

주로 건축, 자동차, 제품 디자인 등에서 색상 선택과 표현에 활용됩니다.

 

RAL Classic 시리즈:

RAL 코드 시스템의 가장 널리 알려진 시리즈입니다.

RAL Classic 시리즈에는 약 213개의 고유한 색상이 포함되어 있으며, 각 색상은 고유한 번호와 이름으로 식별됩니다.
예를 들어, "RAL 5015"는 하늘색을 나타냅니다.
컬러 샘플로 제공되며, 실제 색상과 일치하는지 확인할 수 있습니다.

 

RAL Design 시리즈:

RAL 코드 시스템의 다른 시리즈로, 더 넓은 색상 범위를 제공합니다.

약 1,625개의 색상을 포함하고 있으며, 각 색상은 4자리의 숫자 코드로 식별됩니다.

더 세분화된 색상 선택과 표현을 위해 사용됩니다.


6. Munsell Code : Munsell Color code - Munsell 색상 시스템 :: 파파테크 (tistory.com)

 

Munsell Color code - Munsell 색상 시스템

Munsell color 배경과 역사 Munsell 색상 시스템은 알버트 H. 먼셀(Albert H. Munsell)에 의해 개발된 색상 분류 시스템으로 먼셀은 1858년 미국 매사추세츠주에 태어난 예술가이자 과학자로서 색채와 색상의

pptech.tistory.com

Munsell 시스템:
Munsell 시스템은 색상을 측정하고 정의하는 데 사용되는 규격화된 색상 시스템입니다.

이 시스템은 색상을 색조(Hue), 채도(Chroma), 밝기(Value)의 세 가지 차원으로 나타냅니다.

각 차원은 독립적인 척도로서 색상의 특성을 설명하고 정량화합니다.

 

Munsell 코드:

Munsell 코드는 색상을 정의하기 위해 사용되는 문자와/또는 숫자의 조합입니다.

Munsell 코드는 색조, 채도, 밝기를 나타내기 위해 사용되는 척도로 구성됩니다.
예를 들어, "5R 6/8"은 5R의 색조, 6의 채도, 8의 밝기를 나타냅니다.
색조는 2.5R, 5Y, 7.5G 등과 같이 표현되며, 채도와 밝기는 0에서 10까지의 숫자로 표현됩니다.

 

Munsell 시각화:

Munsell 시스템은 색상을 시각적으로 나타내는 도구와 색상 샘플을 제공합니다.

Munsell 색상 판이나 Munsell 색상 휠과 같은 도구를 사용하면 Munsell 코드를 기반으로 원하는 색상을 선택하고 시각적으로 확인할 수 있습니다.

또한 Munsell 색상 샘플은 실제 색상과의 비교와 조율에 사용됩니다.

 

7. NCS (Natural Color System) : https://ncscolour.com/

 

NCS Colour - Universal Language for Colour Communication

Communicate colour with the NCS System. The Natural Colour System lets you define all colours with a NCS code, making colour communication easy.

ncscolour.com

NCS는 스웨덴에서 개발된 색상 시스템으로, 색상을 감정적, 시각적, 퍼셉트적인 측면에서 설명하는 데 중점을 둡니다. 색상을 구성하는 요소에 따라 코드를 생성하며, 주로 건축, 인테리어 디자인, 제품 디자인 등에서 사용됩니다.

 

NCS 시스템은 색상을 인간의 감각과 지각에 기반하여 설명하는 시스템입니다.

색상의 성질과 특성을 명확하게 표현하여 색상을 일관성 있게 인식하고, 색상 간의 관계를 정확하게 설명할 수 있도록 도와줍니다.

NCS는 색상의 색조(Hue), 채도(Chroma), 밝기(Value)의 세 가지 차원을 기반으로 색상을 분류하고 기술합니다.

 

NCS 코드는 색상을 식별하기 위해 사용되는 고유한 번호와 이름의 조합입니다.

알파벳과 숫자로 이루어진 여섯 자리의 코드로 표현됩니다.

예를 들어, "NCS S 1080-Y70R"은 노란색 계열에서 붉은색이 혼합된 색상을 나타냅니다.

색상을 명확하게 식별하고 표현하기 위해 사용되며, 인테리어 디자인, 그래픽 디자인, 컬러 컨설팅 등 다양한 분야에서 활용됩니다.

 

 

NCS 시스템은 색상을 시각화하는 도구와 색상 샘플을 제공합니다.

NCS 시각화 도구를 사용하면 NCS 코드를 기반으로 원하는 색상을 선택하고, 색상의 특성을 시각적으로 확인할 수 있습니다.

또한 NCS 색상 샘플은 실제 인쇄물이나 색상 시스템과 일관성 있는 색상 비교와 조율에 사용됩니다.

 


NCS 코드는 색상을 인식하고 설명하는 강력한 도구로서 다양한 분야에서 활용됩니다. 색상을 정확하게 표현하고 이해하는 데 도움을 주며, 일관성 있는 컬러 디자인과 시각적인 커뮤니케이션을 위해 유용합니다.

728x90
반응형

+ Recent posts