컬러로그 로고 이미지
← 모든 컬러 팔레트 보기

Palette Detail

Brass Stone

추천 분야와 이유

  • 황동 만년필 패키지 — 브라스 골드와 차콜 블랙 조합은 황동 만년필, 프리미엄 필기구, 고급 문구 패키지에서 묵직한 소장 가치를 보여 주기 좋습니다. 올리브 그레이와 스톤 그레이는 금속 표면의 사용감과 클래식한 책상 분위기를 보완합니다. 직장인 선물, 졸업 선물, 고급 펜 키워드에 적합합니다.
  • 남성용 울 싱글 코트 상세 페이지 — 차콜과 그레이 계열은 남성 울 코트, 겨울 아우터, 미니멀 남성복 상세 페이지에서 단정하고 세련된 인상을 만듭니다. 브라스 톤은 단추, 시계, 가죽 가방 같은 스타일링 포인트와 잘 어울립니다. 남자 코트 추천, 비즈니스 캐주얼, 겨울 출근룩 키워드를 안정적으로 표현합니다.
  • 인더스트리얼 카페 간판 디자인 — 황동색과 짙은 차콜은 인더스트리얼 카페, 로스터리 카페, 빈티지 카페 간판에서 금속 프레임과 콘크리트 벽의 분위기를 잘 살립니다. 스톤 그레이와 올리브 톤은 과하게 차갑지 않은 매장 이미지를 만들고, 커피 로스터리, 감성 카페, 카페 브랜딩 키워드와 자연스럽게 연결됩니다.
  • 가죽 공방 명함 — 차콜 블랙과 올리브 그레이는 가죽 공방 명함, 수제 가죽 브랜드, 핸드메이드 액세서리 브랜딩에 필요한 장인정신과 견고함을 전달합니다. 브라스 색상은 금속 로고, 불박 인쇄, 포장 스티커와 잘 어울립니다. 가죽 지갑, 카드지갑, 수제 공방 키워드에 적합합니다.
  • 프리미엄 툴박스 제품 사진 배경 — 브라스와 스톤 그레이 조합은 프리미엄 툴박스, 수공구 세트, 작업실 정리함의 내구성과 실용성을 강조하기 좋습니다. 차콜 톤은 금속 공구의 윤곽을 선명하게 보여 주고, 올리브 그레이는 작업복과 창고 인테리어 분위기를 보완합니다. 공구함 추천, DIY 작업대 키워드에 잘 맞습니다.

비추천 분야와 이유

  • 딸기 마카롱 패키지 — 딸기 마카롱 패키지는 달콤함, 부드러운 크림, 귀여운 디저트 이미지를 보여 주는 핑크와 파스텔 컬러가 효과적입니다. 이 팔레트는 금속과 작업실 분위기가 강해 마카롱 선물세트, 수제 디저트, 베이커리 포장 키워드에 필요한 사랑스럽고 가벼운 식욕을 충분히 만들기 어렵습니다.
  • 유아용 목욕 장난감 상세 페이지 — 유아용 목욕 장난감은 밝은 원색, 귀여운 캐릭터, 물놀이의 즐거움이 즉시 느껴져야 합니다. 차콜과 올리브 그레이 중심의 색감은 어른스럽고 무거운 인상이 강해 아기 장난감, 목욕놀이, 키즈 욕실용품 키워드에서 필요한 안전하고 발랄한 분위기를 약하게 만들 수 있습니다.
  • 해변 수영복 쇼핑몰 배너 — 해변 수영복 배너는 햇빛, 바다, 리조트룩, 여름 휴가의 밝은 에너지를 강조해야 합니다. 이 색 조합은 황동, 콘크리트, 울 소재처럼 건조하고 묵직한 질감이 먼저 떠오릅니다. 여성 수영복, 비키니, 바캉스룩 프로모션에는 청량감과 생동감이 부족해 보일 수 있습니다.
  • 피부과 수분 관리 랜딩 페이지 — 피부과 수분 관리 랜딩 페이지는 촉촉함, 청결함, 피부 진정, 의료 신뢰감을 밝고 깨끗하게 보여 주어야 합니다. 이 팔레트는 어두운 차콜과 황동 톤이 강해 수분관리, 피부 장벽, 보습 케어 키워드의 산뜻한 이미지를 약하게 만들 수 있습니다. 뷰티 의료 화면에는 다소 무겁습니다.
  • 초등학생 미술 학원 포스터 — 초등학생 미술 학원 포스터는 창의력, 색채 놀이, 즐거운 수업 분위기를 밝고 다채롭게 전달해야 합니다. 이 색상은 성숙한 공방과 금속 소재의 느낌이 강해 어린이 미술, 창의 미술, 방과후 수업 키워드에서 필요한 친근함과 활발한 색감 표현이 부족해 보일 수 있습니다.

팔레트가 주는 느낌

  • 브라스 골드가 은은한 포인트를 만들고, 차콜 블랙과 올리브 그레이가 전체 분위기를 묵직하게 잡아 주는 팔레트입니다. 실버 그레이와 스톤 그레이가 더해져 금속, 콘크리트, 낡은 작업대, 빈티지 공구, 울 코트 같은 질감이 떠오릅니다. 화려한 골드보다 오래된 황동에 가까운 색감이라 고급스럽지만 과시적이지 않습니다. 전체적으로 차분하고 실용적이며, 공방, 남성 패션, 프리미엄 문구, 인더스트리얼 인테리어에 잘 어울리는 성숙한 분위기를 줍니다.

WCAG Contrast

팔레트 색상 간 대비

각 색상을 텍스트 색상으로, 나머지 색상을 배경색으로 보았을 때의 WCAG 대비율입니다. AA는 4.5:1 이상, AAA는 7:1 이상을 의미합니다.

Color 1

#CBB664와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#CBB664

Color 1 on Color 2

대비 샘플 텍스트

Text #CBB664onBG #282726
AAA
7.39:1일반 텍스트 AAA 기준을 충족합니다.

Color 1 on Color 3

대비 샘플 텍스트

Text #CBB664onBG #736E59
Fail
2.54:1텍스트 대비 기준에 미달합니다.

Color 1 on Color 4

대비 샘플 텍스트

Text #CBB664onBG #8A9592
Fail
1.53:1텍스트 대비 기준에 미달합니다.

Color 1 on Color 5

대비 샘플 텍스트

Text #CBB664onBG #8A8B94
Fail
1.68:1텍스트 대비 기준에 미달합니다.

Color 2

#282726와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#282726

Color 2 on Color 1

대비 샘플 텍스트

Text #282726onBG #CBB664
AAA
7.39:1일반 텍스트 AAA 기준을 충족합니다.

Color 2 on Color 3

대비 샘플 텍스트

Text #282726onBG #736E59
Fail
2.91:1텍스트 대비 기준에 미달합니다.

Color 2 on Color 4

대비 샘플 텍스트

Text #282726onBG #8A9592
AA
4.82:1일반 텍스트 AA 기준을 충족합니다.

Color 2 on Color 5

대비 샘플 텍스트

Text #282726onBG #8A8B94
AA Large
4.40:1큰 텍스트 AA 기준만 충족합니다.

Color 3

#736E59와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#736E59

Color 3 on Color 1

대비 샘플 텍스트

Text #736E59onBG #CBB664
Fail
2.54:1텍스트 대비 기준에 미달합니다.

Color 3 on Color 2

대비 샘플 텍스트

Text #736E59onBG #282726
Fail
2.91:1텍스트 대비 기준에 미달합니다.

Color 3 on Color 4

대비 샘플 텍스트

Text #736E59onBG #8A9592
Fail
1.66:1텍스트 대비 기준에 미달합니다.

Color 3 on Color 5

대비 샘플 텍스트

Text #736E59onBG #8A8B94
Fail
1.51:1텍스트 대비 기준에 미달합니다.

Color 4

#8A9592와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#8A9592

Color 4 on Color 1

대비 샘플 텍스트

Text #8A9592onBG #CBB664
Fail
1.53:1텍스트 대비 기준에 미달합니다.

Color 4 on Color 2

대비 샘플 텍스트

Text #8A9592onBG #282726
AA
4.82:1일반 텍스트 AA 기준을 충족합니다.

Color 4 on Color 3

대비 샘플 텍스트

Text #8A9592onBG #736E59
Fail
1.66:1텍스트 대비 기준에 미달합니다.

Color 4 on Color 5

대비 샘플 텍스트

Text #8A9592onBG #8A8B94
Fail
1.10:1텍스트 대비 기준에 미달합니다.

Color 5

#8A8B94와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#8A8B94

Color 5 on Color 1

대비 샘플 텍스트

Text #8A8B94onBG #CBB664
Fail
1.68:1텍스트 대비 기준에 미달합니다.

Color 5 on Color 2

대비 샘플 텍스트

Text #8A8B94onBG #282726
AA Large
4.40:1큰 텍스트 AA 기준만 충족합니다.

Color 5 on Color 3

대비 샘플 텍스트

Text #8A8B94onBG #736E59
Fail
1.51:1텍스트 대비 기준에 미달합니다.

Color 5 on Color 4

대비 샘플 텍스트

Text #8A8B94onBG #8A9592
Fail
1.10:1텍스트 대비 기준에 미달합니다.

APCA Contrast

인지 대비 기반 가독성 분석

APCA(Advanced Perceptual Contrast Algorithm)는 WCAG 2.0의 단순 대비율을 보완해 사람 눈이 느끼는 휘도, 밝은 배경·어두운 배경의 순응 상태, 텍스트 크기별 권장 용도를 함께 해석합니다.

핵심 계산 공식

어두운 글자 + 밝은 배경: Lc = (Ybg^0.56 - Ytxt^0.57) × 161.8

밝은 글자 + 어두운 배경: Lc = (Ybg^0.62 - Ytxt^0.65) × 161.8

Y 값은 RGB 채널을 시각 가중치로 변환한 휘도이며, 161.8은 결과를 약 -105~+105 범위의 사람이 읽기 쉬운 점수로 맞추는 스케일 상수입니다.

실무 적용 가이드

Lc 90 이상
12px 수준의 작은 본문도 안정적
Lc 75 이상
14px~16px 일반 본문 권장
Lc 60 이상
굵은 글씨·24px 이상 타이틀 권장
Lc 45 이상
큰 버튼·부가 정보에 제한 활용

Color 1

#CBB664와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#CBB664

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #CBB664onBG #282726
Lc 75+
-85 LcWCAG 7.39:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #CBB664onBG #736E59
Lc 45+
-48 LcWCAG 2.54:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #CBB664onBG #8A9592
Low Lc
-24 LcWCAG 1.53:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #CBB664onBG #8A8B94
Low Lc
-29 LcWCAG 1.68:1

Color 2

#282726와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#282726

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #282726onBG #CBB664
Lc 75+
+88 LcWCAG 7.39:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #282726onBG #736E59
Low Lc
+39 LcWCAG 2.91:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #282726onBG #8A9592
Lc 60+
+63 LcWCAG 4.82:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #282726onBG #8A8B94
Lc 45+
+58 LcWCAG 4.40:1

Color 3

#736E59와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#736E59

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #736E59onBG #CBB664
Lc 45+
+50 LcWCAG 2.54:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #736E59onBG #282726
Low Lc
-34 LcWCAG 2.91:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #736E59onBG #8A9592
Low Lc
+25 LcWCAG 1.66:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #736E59onBG #8A8B94
Low Lc
+20 LcWCAG 1.51:1

Color 4

#8A9592와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#8A9592

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #8A9592onBG #CBB664
Low Lc
+26 LcWCAG 1.53:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #8A9592onBG #282726
Lc 45+
-58 LcWCAG 4.82:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #8A9592onBG #736E59
Low Lc
-21 LcWCAG 1.66:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #8A9592onBG #8A8B94
Low Lc
-2 LcWCAG 1.10:1

Color 5

#8A8B94와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#8A8B94

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #8A8B94onBG #CBB664
Low Lc
+31 LcWCAG 1.68:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #8A8B94onBG #282726
Lc 45+
-53 LcWCAG 4.40:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #8A8B94onBG #736E59
Low Lc
-16 LcWCAG 1.51:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #8A8B94onBG #8A9592
Low Lc
+6 LcWCAG 1.10:1

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

More Palettes

다른 색상 팔레트도 둘러보기

모든 팔레트 보기 →

현재 보고 있는 팔레트를 제외하고 랜덤으로 고른 4개의 팔레트입니다. 새로운 배색 아이디어가 필요할 때 함께 비교해 보세요.

Blush Merlot

5 colors
  • #E4BAB1
  • #43282B
  • #A14457
  • #AB776B
  • #946944

Blue Mango

5 colors
  • #0965A6
  • #F1B71F
  • #E6F1ED
  • #B34C0E
  • #64ACD9

Steel Walnut

5 colors
  • #C5B4A7
  • #394A50
  • #927769
  • #20201C
  • #A0B1BA

Lake Pine Cabin

5 colors
  • #C0DAEE
  • #3D4C44
  • #788061
  • #645C59
  • #718999