미색 색상: 아이보리, 크림, 달걀 껍질, 리넨

순백색(#FFFFFF)은 디자인 기본값입니다. 중립적이고 다용도이며 끝없이 실용적입니다. 그러나 많은 맥락에서 그것은 너무 극명하다. 그것은 냉담하고, 가혹하거나, 정제되지 않은 것으로 읽을 수 있습니다. 아이보리, 크림, 달걀 껍질, 리넨 및 그 친척과 같은 미색 색상은 순수한 흰색이 부족한 따뜻함, 질감 및 천연 소재의 품질을 도입하여 이 문제를 해결합니다.

오프화이트의 문제점은 언뜻 보면 모두 비슷해 보이고, 그 차이가 미묘해서 잘못 선택하면 의도하지 않은 효과가 발생할 수 있다는 것입니다. 아이보리를 의도한 크림색 배경은 계획한 것보다 더 달콤하고 덜 세련된 느낌을 줄 수 있습니다. 크림색이 지정된 린넨 배경은 생각보다 무겁고 투박한 느낌을 줄 수 있습니다.

이 가이드는 16진수 코드, 색 공간 값, 물리적 기원 이야기, 적절한 디자인 적용 등 네 가지 주요 오프 화이트 범주를 정확하게 분류하므로 안심하고 선택할 수 있습니다.

왜 순백색(#FFFFFF)이 아닌가?

황백색을 조사하기 전에 순백색이 때때로 잘못된 선택인 이유를 이해하는 것이 좋습니다.

RGB의 순백색(#FFFFFF)은 rgb(255, 255, 255)입니다. 이는 따뜻함, 복잡성 및 재료 참조가 없는 세 채널 모두에서 최대값입니다. 화면에서는 조명이 꺼진 픽셀의 최대 출력 색상이며 물리적 아날로그가 없습니다. 종이, 면, 뼈, 석고 등 실제 흰색 재료에는 모두 약간의 색상 경향이 있습니다. 깨끗한 고급 용지는 #FFFFFF가 아닙니다. #FFFEF8 또는 #FAFAF5입니다. 거의 감지할 수 없을 정도로 따뜻하거나 약간 꺼져 있습니다.

이는 여러 가지 이유로 디자인에 중요합니다.

눈의 피로: 전체 화면 밝기에서 순백색 배경은 특히 장시간 독서 세션에서 눈의 피로를 유발할 수 있습니다. 아주 약간의 따뜻한 캐스트는 장시간 독서에 따른 고대비 눈의 피로를 줄여줍니다.

소재 제안: 오프 화이트는 디자인에 천연 물질의 품질을 더하는 종이, 면, 리넨, 뼈, 양피지 등의 소재 연관성을 암시적으로 전달합니다. 순수한 흰색에는 재료 참조가 없습니다.

타이포그래피 조화: 잘 디자인된 대부분의 서체는 원래 크림색이나 황백색 종이에 인쇄하기 위해 그려졌습니다. 그들의 글자체는 약간 따뜻한 재질과 상호 작용하도록 보정되었습니다. 순백색 화면에서는 동일한 서체가 의도한 것보다 약간 더 거칠게 보일 수 있습니다.

대비 변조: 순수한 흰색은 어두운 텍스트와 최대의 대비를 만듭니다. 때때로 목표는 대비를 약간 줄이는 것입니다. 고대비의 순백색 필드만큼 까다롭지 않으면서도 편안하고 가독성이 좋습니다.

아이보리: 조용한 우아함(#FFFFF0)

상아(#FFFFF0)는 동물의 엄니와 치아에서 발견되는 조밀하고 단단한 크림색의 흰색 물질, 가장 일반적으로 코끼리 상아라는 물질의 이름을 따서 명명되었습니다. 소재로서 상아는 역사적으로 가장 귀한 명품 소재 중 하나였으며, 세계 무역 금지 이전에는 피아노 건반, 당구공, 장식품, 상감 작업에 사용되었습니다. 그 이름을 딴 색상은 자연의 고급스러움, 세련미, 나이에 대한 연관성을 담고 있습니다.

16진수 #FFFFF0는 거의 눈에 띄지 않을 정도로 황백색입니다. 파란색 채널만 255에서 240으로 떨어지고 빨간색과 녹색은 최대로 유지됩니다. HSL 용어로 상아는 채도가 100%, 명도가 97%인 정확히 60°(노란색 색조)에 위치하므로 노란색 색조 위치에서 거의 흰색에 가깝습니다. 97% 명도의 노란색 채도는 눈에 보이는 어떤 색상이라기보다는 순수하고 깨끗한 따뜻함의 속삭임으로 읽혀집니다.

CMYK에서 상아는 단순히 6% 노란색입니다. 이는 인쇄물에 완전히 사라지기 전에 종이 흰색에 가능한 가장 작은 첨가입니다.

아이보리가 전달하는 것

아이보리는 흰색에 가깝기 때문에 조용하고 우아한 느낌을 줍니다. 순백색의 임상적 특성을 피할 만큼 따뜻하지만 색상이 거의 느껴지지 않을 정도로 미묘합니다. 이 섬세함이 아이보리를 정의하는 미덕입니다. 아이보리는 흰색을 따뜻하게 한 것처럼 보이기보다는 아무 색도 첨가하지 않은 것처럼 고급 소재의 자연스러운 상태처럼 보입니다.

이로 인해 상아는 다음과 같은 용도에 특히 적합합니다. - 정식 문구류 및 웨딩 디자인: 아이보리는 전통적인 청첩장 색상입니다. 금의 과함이나 순백의 삭막함과 같은 형식적이지 않고 천연 소재와 헤리티지 품질을 나타냅니다. - 타이포그래피를 지향하는 레이아웃: 디자인이 주로 배경에 텍스트로 구성되어 있는 경우 아이보리는 유형과 시각적으로 경쟁하지 않고 편안한 읽기 표면을 제공합니다. - 럭셔리 패션 및 뷰티: 아이보리색 의류와 제품 포장은 자연스럽게 세련된 것으로 읽혀지며, 색상이 없다는 것은 품질을 나타냅니다. - 포트폴리오 및 편집 디자인: 디자이너와 사진작가에게 아이보리 배경은 순백색의 임상적 중립성을 배제한 채 작업에 숨을 불어넣습니다.

아이보리 대 퓨어 화이트

크림: 따뜻함과 풍성함 (#FFFDD0)

크림(#FFFDD0)은 균질화되지 않은 우유의 상단으로 올라가는 지방이 풍부한 층인 유제품 크림의 이름을 따서 명명되었습니다. 진짜 크림은 흰색과는 확연히 다른 확실히 따뜻하고 노란색을 띠는 색상을 가지고 있습니다. 더 풍부하고 부드러우며 순수한 우유에는 부족한 지방질과 따뜻함이 있습니다. 그 이름을 딴 색상은 이러한 풍부함을 담고 있습니다.

크림은 아이보리보다 눈에 띄게 따뜻합니다. 아이보리의 파란색 채널은 15포인트(255에서 240)만 하락한 반면 크림의 파란색 채널은 47포인트(255에서 208) 하락하여 훨씬 더 눈에 띄는 변화입니다. HSL에서 크림은 밝기가 91%인 57°(노란색에 가까움)에 위치합니다. 이는 아이보리의 97%보다 낮기 때문에 따뜻한 흰색 영역에 눈에 띄게 더 깊숙이 배치됩니다.

CMYK에서 크림에는 약간의 마젠타색(1%)과 노란색 18%가 모두 필요합니다. 이는 아이보리의 거의 중간색이 아닌 확실히 따뜻한 느낌을 줍니다. CMYK의 18% 노란색은 어떤 표면에서도 따뜻함을 확실히 느낄 수 있습니다.

크림이 전달하는 것

크림은 미색 색상 중 가장 보편적으로 따뜻합니다. 아이보리의 세련미나 달걀 껍질의 흙빛 느낌과는 확연히 다른 아늑하고 편안한 품질을 갖고 있습니다. 부드럽고 친근한 느낌이 듭니다.

크림은 특히 다음과 같은 경우에 효과적입니다. - 식품 및 제빵 브랜드: 유제품 협회는 크림을 제과점, 유제품 브랜딩을 위한 자연스러운 선택으로 만듭니다. 이는 천연 재료와 집에서 만든 따뜻함을 제안합니다. - 웰니스 및 내추럴 리빙 브랜드: 크림의 따뜻함이 천연 소재, 흙빛 톤, 유기적이고 슬로우 리빙 라이프스타일의 미적 언어와 자연스럽게 조화를 이룹니다. - 어린이를 위한 디자인: 동화책 일러스트레이션, 교육 콘텐츠, 아동 제품 디자인에서는 따뜻한 크림색 배경이 순백색보다 덜 강렬합니다. - 따뜻한 인테리어 디자인 참조: 실제 인테리어(페인팅된 벽, 덮개를 씌운 가구, 천연 목재)와 색상을 일치시키기 위해 크림은 종종 순백색보다 더 정확한 디지털 등가물을 제공합니다.

크림 대 아이보리

달걀 껍질(#F0EAD6) 및 린넨(#FAF0E6)

달걀 껍질과 리넨은 둘 다 상아나 크림보다 더 강한 소재 연관성을 지닌 흙빛 질감의 회백색입니다.

달걀 껍질(#F0EAD6)

달걀 껍질(#F0EAD6)은 새 알의 색상, 특히 무광택이고 약간 움푹 들어간 달걀 껍질 표면의 이름을 따서 명명되었으며, 크림 같지 않으면서도 따뜻함이 있습니다.

달걀 껍질은 아이보리나 크림보다 눈에 띄게 더 어둡고 따뜻합니다. 아이보리의 97%와 크림의 91%에 비해 89%의 밝기입니다. 43°의 HSL 색조는 순수한 노란색이 아닌 호박색 노란색으로 이동하고 47% 채도는 순수한 회백색에는 없는 눈에 띄는 따뜻한 황갈색 품질을 추가합니다.

CMYK 분석을 보면 달걀 껍질의 복잡성이 드러납니다. 마젠타색 3%, 노란색 11%, 검정색 6% — 검정색을 추가하면 달걀 껍질과 크림을 구별하는 약간 회색 빛이 도는 따뜻한 품질이 생성됩니다. 따뜻하기만 한 것이 아니라, 크림에는 부족한 약간의 깊이감이 있습니다.

달걀 껍질은 다음과 같은 용도에 적합합니다. - 고급 인쇄 재료: 달걀 껍질은 일반적인 종이 마감 설명자입니다. 달걀 껍질 종이는 무광택과 새틴 사이의 반무광 표면이며 색상은 천연 크림색 무광택 표면에 가깝습니다. - 페인트 색상 참조: "달걀 껍질"은 일반적인 인테리어 페인트 광택 설명어이며 색상 #F0EAD6은 많은 내부 달걀 껍질 페인트가 벽에 건조된 것처럼 보이는 것을 반영합니다. - 빈티지 및 헤리티지 미학: Eggshell의 약간의 깊이는 앤티크, 빈티지 및 헤리티지 위치에 적합한 디자인에 적합한 시간이 지나도 낡은 품질을 제공합니다.

리넨(#FAF0E6)

Linen(#FAF0E6)은 color라는 이름의 CSS입니다. 148개의 표준 CSS 색상 중 하나이며 아마 식물로 만든 리넨 직물의 이름을 따서 명명되었습니다. 내추럴 리넨은 특유의 따뜻한 크림 컬러와 불규칙한 질감을 가지고 있으며, 현대 인테리어와 패션 디자인에서 가장 주목받는 소재 중 하나가 되었습니다.

리넨의 30° HSL 색상은 눈에 띄게 주황색-호박색 방향으로 배치됩니다. 여기서 논의한 다른 황백색보다 순수한 노란색에서 더 멀리 떨어져 있습니다. 이것이 바로 아이보리와 크림의 노란색-따뜻함이나 달걀 껍질의 베이지색 품질에 비해 리넨에 특유의 복숭아색-따뜻한 품질을 부여하는 것입니다. 94% 밝기로 달걀 껍질보다 가볍지만 색상 방향에서는 눈에 띄게 따뜻합니다.

94%의 가벼움과 67%의 채도를 지닌 리넨은 부드럽지만 감지할 수 있는 따뜻함을 선사합니다. 부드러운 복숭아빛 흰색은 임상적이라기보다는 유기적이고 촉각적인 느낌을 줍니다.

리넨은 다음과 같은 경우에 적합합니다. - 현대적인 인테리어 및 라이프스타일 디자인: 리넨은 천연 직물과 결합하여 2010년대~2020년대를 지배했던 "유기농 모던" 및 "스칸디나비아" 인테리어 디자인 미학에서 매우 인기가 높습니다. - 지속 가능하고 자연스러운 브랜드 포지셔닝: 소재와 마찬가지로 리넨 색상의 배경은 천연 소재, 환경 의식 및 장인의 품질을 암시합니다. - 패션 편집 및 룩북 디자인: 의류 사진을 위한 리넨 배경은 경쟁 없이 대부분의 의류 색상을 돋보이게 하는 중립적이지만 따뜻한 맥락을 만듭니다. - 농가와 장인의 미학: 리넨의 따뜻한 복숭아색 흰색은 농가, 코티지 코어 및 장인 디자인 운동의 시각적 언어의 중심입니다.

종합 비교표

Hue 진행 읽기

색상 각도는 각 오프화이트의 성격에 대한 가장 중요한 이야기를 말해줍니다. - 60° 아이보리: 황백색 — 가장 깨끗하고 순수한 황백색; 호박색이나 복숭아색이 전혀 없는 따뜻함 - 57°의 크림: 노란색에 가까운 — 아이보리에 매우 가깝지만 의미 있게 따뜻하며 노란색 특성이 더 눈에 띕니다. - 43°의 달걀 껍질: 호박색-노란색 — 확실히 더 따뜻하고 흙빛이 납니다. 베이지색으로 읽기 시작해요 - 30° 리넨: 주황색에 인접함 — 가장 따뜻한 색상 방향; 완전 노란색이 아닌 확실히 복숭아색 느낌이 나네요

색상 각도가 60°에서 30°로 감소함에 따라 황백색은 깨끗한 노란색 따뜻함에서 복숭아색 따뜻함으로 점진적으로 이동하여 순수한 세련미를 희생하면서 유기적 흙빛을 얻습니다.

웹 디자인 배경으로 황백색 선택하기

웹 디자이너의 실질적인 질문은 주어진 페이지 배경에 어떤 황백색을 선택할 것인가입니다. 각각은 서로 다른 읽기 환경을 만들고 그것이 구성하는 콘텐츠와 서로 다른 연관성을 만듭니다.

타이포그래피 우선 콘텐츠(블로그, 에세이, 문서)

아이보리(#FFFFF0)가 최선의 선택입니다. 중립에 가까운 품질로 독서 경험에 대한 시각적 간섭을 최소화합니다. 은은한 노란색의 따뜻함은 콘텐츠와 충돌할 수 있는 인지 가능한 색상 캐스트를 도입하지 않고 눈의 피로를 줄여줍니다. 많은 진지한 편집 및 문서 사이트에서는 읽기 배경으로 상아 또는 유사한 변형을 사용합니다.

크림(#FFFDD0) 음식 글쓰기, 라이프스타일 콘텐츠, 개인 에세이 등 따뜻한 브랜드 개성을 지닌 사이트의 장문 콘텐츠에 적합합니다. 추가적인 따뜻함은 보다 아늑한 독서 환경을 조성하지만 차가운 톤의 이미지나 UI 요소와 충돌할 수 있습니다.

제품 및 전자상거래용

리넨(#FAF0E6) 특히 유기농, 천연, 장인 및 지속 가능한 브랜드에 적합합니다. 복숭아빛 따뜻함은 의류, 도자기, 목재 제품, 식물 제품 등 천연 제품 사진을 더욱 돋보이게 합니다.

Eggshell(#F0EAD6)은 헤리티지 브랜드, 골동품 시장, 빈티지 매장에 적합합니다. 약간의 깊이감과 베이지색 품질은 다른 오프화이트와는 다른 방식으로 오래된 종이나 천연 소재의 느낌을 만들어냅니다.

UI 구성요소(카드, 모달, 입력 배경)

황백색은 흰색 배경 페이지에서 순수한 흰색의 거친 느낌을 피하려는 디자인 시스템에서 카드, 모달 및 높은 표면의 배경으로 자주 사용됩니다.

이러한 용도로는 상아와 린넨이 가장 다용도로 사용됩니다. 최소한의 정교한 디자인 시스템에는 상아가 사용됩니다. 더 따뜻하고 유기적인 느낌의 시스템을 위한 리넨. 달걀 껍질은 가장 독특하며 중립적인 디자인 시스템에는 너무 따뜻할 수 있습니다. 크림은 유용성 측면에서 둘 사이에 위치합니다.

오프화이트 시스템을 위한 CSS 변수

CSS 사용자 정의 속성을 사용하면 체계적인 황백색 관리가 가능합니다.

:root {
  --white: #FFFFFF;
  --ivory: #FFFFF0;
  --cream: #FFFDD0;
  --eggshell: #F0EAD6;
  --linen: #FAF0E6;
}

일반적인 패턴은 페이지 배경으로 황백색을 사용하고 높은 구성요소(카드, 모달, 입력)에 순백색을 사용하여 추가 색상 없이 표면 계층 구조를 만드는 것입니다.

body { background-color: var(--ivory); }
.card { background-color: var(--white); }

컬러 모델 간 황백색 변환

색조 생성기를 사용하여 모든 황백색의 전체 색조 및 음영 스펙트럼을 탐색하고 색상 변환기를 사용하여 색상 모델 간을 변환합니다.

주요 내용

• 순백색(#FFFFFF)은 가치가 있지만 냉철하고 거칠며 물질적인 품질이 없다고 읽을 수 있습니다. 황백색은 미묘한 따뜻함으로 이 문제를 해결합니다.
• 아이보리(#FFFFF0)는 가장 은은한 황백색입니다. 거의 알아볼 수 없는 노란색 색조가 있는 거의 흰색입니다(HSL: 60°, 97% 밝기) - 세련된 타이포그래피와 격식 있는 디자인을 위한 클래식 선택
• 크림(#FFFDD0)은 분명히 따뜻하며(HSL: 57°, 91% 밝기) 확실히 부드러운 유제품처럼 따뜻한 품질로 아늑함, 음식 및 라이프스타일 콘텐츠에 가장 적합합니다.
• Eggshell(#F0EAD6)은 호박색 베이지 품질로 흙빛이 나고 약간 더 깊습니다(HSL: 43°, 89% 밝기). 헤리티지, 빈티지 및 인쇄 참조 디자인에 적합합니다.
• 리넨(#FAF0E6)은 오렌지색이 가장 많이 변하는 색상(HSL: 30°, 94% 밝기)을 가집니다. 자연스럽고 지속 가능하며 장인의 브랜딩에 적합한 복숭아빛 유기농 품질입니다.
• 웹 배경: 편집/타이포그래피용 아이보리; 따뜻한 라이프스타일 콘텐츠를 위한 크림; 유기농/천연 브랜드용 린넨; 유산과 빈티지 맥락을 위한 달걀 껍질
• 색상 생성기를 사용하여 색조 및 음영 변형을 탐색하고 변환기를 사용하여 색상 모델 간 변환