AI 이미지 색상 지정: HEX 코드 읽는 법

2장. 색상의 기본 문법

빨강.

이 한 단어에서 어떤 색이 떠오르시나요?

사실 “빨강”이라는 이름 아래에는 수백 가지의 다른 색이 숨어 있습니다.

모두 “빨강”이지만 완전히 다른 느낌입니다. AI에게 단순히 “빨간색”이라고 말하면 이 중 어떤 것이 나올지 알 수 없습니다.

색상을 정확히 지정하려면 색상의 언어를 알아야 합니다. 이 장에서는 색상 코드를 읽고 쓰는 방법을 배웁니다. 2장을 읽고 나면, HEX 코드를 보고 어떤 색인지 감을 잡을 수 있고, 원하는 색상을 AI에게 정확히 전달할 수 있게 됩니다.

2.1 색상 표기법 3종 완전정복

디지털 세계에서 색상을 표현하는 방법은 여러 가지가 있습니다. 가장 많이 사용되는 세 가지 표기법을 완전히 이해해 보겠습니다.

RGB: 빛의 삼원색

RGB는 Red(빨강), Green(초록), Blue(파랑)의 약자입니다. 모니터와 화면은 이 세 가지 빛을 조합하여 모든 색을 만들어냅니다.

기본 원리:
– 각 색상은 0부터 255까지의 값을 가집니다
– 0은 해당 색이 전혀 없음, 255는 최대 밝기를 의미합니다
– 세 가지 빛을 모두 최대로 켜면 흰색, 모두 끄면 검정이 됩니다

RGB 예시:

RGB의 특징:
– 모니터, TV, 스마트폰 등 화면 기반 디바이스에서 사용합니다
– 직관적으로 이해하기 쉽습니다
– 색상 조정 시 “빨강을 줄이고 파랑을 높이면 보라 쪽으로 간다” 같은 예측이 가능합니다

HEX: 웹에서 쓰는 6자리 코드

HEX(헥사데시멀, 16진수)는 RGB를 다른 형식으로 표현한 것입니다. 웹 디자인과 AI 프롬프트에서 가장 많이 사용됩니다.

기본 원리:
– #RRGGBB 형식으로 표현합니다
– RR은 빨강, GG는 초록, BB는 파랑을 의미합니다
– 각 색상은 00부터 FF까지의 16진수 값을 가집니다 (10진수로 0-255)

HEX 읽는 법:

#FF6B6B
 ││││││
 ││││└┴─ 파랑: 6B (107)
 ││└┴─── 초록: 6B (107)
 └┴───── 빨강: FF (255)

이 코드는 빨강이 최대(FF=255)이고, 초록과 파랑이 중간(6B=107)인 색입니다. 결과적으로 부드러운 코랄 색상이 됩니다.

HEX 예시:

HEX가 AI 작업에 좋은 이유:
– 6자리로 간결하게 표현할 수 있습니다
– 대부분의 AI 도구가 HEX 코드를 인식합니다
– 복사/붙여넣기가 쉽습니다
– 웹에서 범용적으로 사용됩니다

💡 Pro Tip: HEX 코드에서 빠르게 색상을 가늠하는 법
– 앞 두 자리(RR)가 크면 → 빨강 계열
– 가운데 두 자리(GG)가 크면 → 초록 계열
– 뒤 두 자리(BB)가 크면 → 파랑 계열
– 세 쌍이 비슷하면 → 무채색(회색 계열)

HSL: 색상-채도-명도 (조정에 최적)

HSL은 Hue(색상), Saturation(채도), Lightness(명도)의 약자입니다. 색상을 조정할 때 가장 직관적입니다.

핵심 원리:
– H: 0°=빨강, 60°=노랑, 120°=초록, 180°=시안, 240°=파랑, 300°=보라
– S: 0%=회색, 100%=순색
– L: 0%=검정, 50%=순색, 100%=흰색

HSL이 유용한 이유:
– “색상은 유지하고 더 밝게” → L 값만 올림
– “같은 색인데 더 탁하게” → S 값만 낮춤
– “비슷한 계열의 다른 색” → H 값만 조정

실습: 같은 색을 3가지로 변환해보기

토스(Toss)의 브랜드 컬러를 예시로 세 가지 표기법을 비교해 보겠습니다.

토스 블루:

세 가지 모두 같은 색을 표현합니다. 상황에 따라 편한 것을 사용하면 됩니다.

• AI 프롬프트에서는 HEX가 가장 간편합니다
• 색상 조정이 필요하면 HSL로 생각하면 직관적입니다
• 프로그래밍에서는 RGB가 많이 쓰입니다

🎯 지금은 이것만 기억하세요

HEX 코드를 사용하십시오. AI 프롬프트에서 가장 효과적입니다.

색상을 조정하고 싶을 때는 HSL로 생각하십시오.
– 더 밝게 → L 값 올리기
– 더 탁하게 → S 값 내리기
– 다른 색으로 → H 값 조정

나머지는 필요할 때 다시 찾아보면 됩니다.

RGB/HEX/HSL 비교 요약

2.2 AI 프롬프트에서 색상 지정하는 법

색상 표기법을 배웠으니, 실제로 AI 도구에서 어떻게 활용하는지 알아보겠습니다.

도구별 색상 지정 핵심

DALL-E 3 팁:
– “exact color #HEX”라고 명시하면 정확도가 올라갑니다
– 분위기(atmosphere)를 함께 지정하면 톤이 일관됩니다

Midjourney 팁:
– 색상 정확도가 중요하면 --stylize 0~50 사용
– --no [색상]으로 원치 않는 색상 제외

Stable Diffusion 팁:
– 네거티브에 “wrong colors, color shift” 포함
– 모델마다 색상 경향이 다르므로 테스트 필요

자연어 vs 코드값 병행 전략

AI에게 색상을 지시하는 가장 효과적인 방법은 자연어와 코드를 함께 쓰는 것입니다.

병행 전략의 원리:

[감성적 표현] + #[정확한 코드]

• 감성적 표현: AI가 맥락과 분위기를 이해하도록 도움
• 정확한 코드: AI가 색상을 특정하도록 가이드

예시 비교:

실전 프롬프트 패턴:

trustworthy navy #1E3A5F

→ “신뢰감 있는 네이비”라는 맥락 + 정확한 색상 코드

cheerful coral #FF6B6B with playful energy

→ “발랄한 코랄”이라는 느낌 + 정확한 색상 코드 + 분위기 설명

premium gold #D4AF37 accent, luxurious and sophisticated

→ “프리미엄 골드”라는 의미 + 정확한 색상 코드 + 고급스러운 분위기

2.3 색상환 기초: 이것만 알면 된다

색상 코드를 다룰 줄 알게 되었습니다. 이제 색상들 사이의 관계를 이해할 차례입니다. 색상환(Color Wheel)은 색상 관계를 한눈에 보여주는 도구입니다.

12색상환 읽는 법

색상환은 원형으로 배치된 색상 차트입니다. 12색상환이 가장 기본적이며, 12가지 주요 색상이 시계 방향으로 배열되어 있습니다.

              빨강 (0°)
               ●
        주홍      ●  주황
         ●              ●

    자주 ●              ● 노랑


   보라 ●                ● 연두


     남색 ●            ● 초록
          ●          ●
        파랑      청록
              ●
           시안 (180°)

12색상환의 색상 (시계 방향):

색상환에서의 위치 = 색상 관계입니다. 두 색이 색상환에서 어떤 위치에 있느냐에 따라 조합했을 때의 느낌이 달라집니다.

보색, 유사색, 삼각 배색 개념

색상환에서 가장 많이 사용되는 세 가지 색상 관계를 알아보겠습니다.

보색 (Complementary) – 180도

색상환에서 정반대에 위치한 두 색입니다.

   빨강 ●─────────────● 시안
         180도 거리

특징:
– 가장 강한 대비를 만듭니다
– 눈에 확 띄지만, 바로 붙이면 눈이 아플 수 있습니다
– 한쪽을 주조색, 다른 쪽을 강조색으로 쓰면 효과적입니다

보색 예시:

유사색 (Analogous) – 30도

색상환에서 이웃한 색들입니다. 약 30도 간격으로 배치됩니다.

   주황 ● 노랑
     ●     ●
   빨강     연두

특징:
– 자연스럽고 조화로운 느낌을 줍니다
– 편안하게 보이지만, 대비가 약할 수 있습니다
– 3-4개의 유사색을 함께 쓰면 풍성해집니다

유사색 예시:

삼각 배색 (Triadic) – 120도

색상환에서 정삼각형을 이루는 세 색입니다.

        빨강 ●
          /\
         /  \
        /    \
       /      \
  파랑 ●────────● 노랑

특징:
– 균형 잡힌 다양성을 제공합니다
– 세 색 모두 강하면 산만해질 수 있습니다
– 하나를 주조색으로, 나머지를 보조/강조색으로 쓰면 효과적입니다

삼각 배색 예시:

각도로 이해하는 색상 관계

색상환에서의 각도를 이해하면 색상 조합을 예측할 수 있습니다.

색상환 각도별 대비 강도:

💡 핵심 포인트: 150도 대비가 가장 실용적입니다

180도(정반대) 대비는 너무 강해서 눈이 피로해집니다. 150도 전후의 대비는 눈에 띄면서도 편안합니다. 이것이 바로 4장에서 배울 ‘원리1 대비의 법칙’의 핵심입니다.

📦 3분 요약

• ✓ RGB/HEX/HSL 중 AI 프롬프트에는 HEX가 가장 간결합니다
• ✓ 자연어 + HEX 병행이 가장 효과적입니다 (예: warm beige #E8DCC4)
• ✓ 색상환에서 150도 대비가 가장 실용적입니다

다음 장 예고

이제 색상 코드를 읽고 쓸 수 있습니다. 색상환에서 색들의 관계도 이해했습니다.

하지만 개별 색상만으로는 부족합니다. 실제로 좋은 결과물을 만들려면 여러 색상을 조합하는 법을 알아야 합니다.

3장에서는 “좋은 조합”의 비밀을 알아보겠습니다.

“예쁜 색들을 모아도 왜 촌스러워질까요?”

이 질문의 답을 찾아보겠습니다. 60:30:10 비율, 대비의 과학, 목적에 따른 조합 전략까지 다루겠습니다.

다음 장에서 뵙겠습니다.